@layer components{.adb{gap:8px;margin-top:28px;display:grid;container:adb/inline-size}.adb.adb-flush{margin-top:0}.adb.adb-prose{margin:36px 0;font-size:14px;line-height:1.4}.adb.adb-prose a{color:inherit;text-decoration:none}.adb.adb-prose .adb-cta{color:hsl(var(--primary-foreground))}.adb-label{letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));align-items:center;gap:12px;font-size:11px;display:flex}.adb-label:before,.adb-label:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--border)));flex:1;height:1px}.adb-label:after{background:linear-gradient(270deg, transparent, hsl(var(--border)))}.adb-box{isolation:isolate;border:1px solid hsl(var(--c) / .28);background:linear-gradient(115deg, hsl(var(--c) / .14), hsl(var(--card)) 45%, hsl(var(--glow-1,var(--c)) / .1));border-radius:16px;height:96px;transition:border-color .6s,background .6s;position:relative;overflow:hidden}.adb-box:hover{border-color:hsl(var(--c) / .5)}.adb-glow{z-index:-1;pointer-events:none;background:radial-gradient(30% 60% at 20% 50%, hsl(var(--c) / .28), transparent 70%), radial-gradient(25% 55% at 80% 40%, hsl(var(--c) / .16), transparent 70%);animation:9s ease-in-out infinite alternate adb-drift;position:absolute;inset:-60% -10%}.adb-shine{z-index:2;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%);animation:5s cubic-bezier(.4,0,.2,1) 1.2s infinite adb-shine;position:absolute;inset:0;transform:translate(-120%)}.adb-slide{z-index:1;color:inherit;opacity:0;visibility:hidden;align-items:center;gap:16px;padding:0 20px;text-decoration:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s linear .6s;display:flex;position:absolute;inset:0;transform:translateY(14px)}.adb-slide[data-active]{opacity:1;visibility:visible;transition:opacity .5s .1s,transform .6s cubic-bezier(.2,.8,.2,1) .1s,visibility;transform:none}.adb-slide:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-4px;border-radius:15px}.adb-ic{color:#fff;background:linear-gradient(140deg, hsl(var(--c)), hsl(var(--c) / .72));width:52px;height:52px;box-shadow:0 10px 24px -10px hsl(var(--c) / .8);border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.adb-ic svg{width:24px;height:24px}.adb-slide[data-active] .adb-ic{animation:.7s cubic-bezier(.3,1.5,.5,1) .15s both adb-pop,3.2s ease-in-out 1s infinite adb-bob}.adb-ring{border:2px solid hsl(var(--c) / .55);border-radius:16px;animation:2.4s ease-out infinite adb-ring;position:absolute;inset:-2px}.adb-copy{flex:1;gap:2px;min-width:0;display:grid}.adb-kicker{color:hsl(var(--c));font-size:12px;font-weight:600}.adb-head{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.25;overflow:hidden}.adb-slide[data-active] .adb-kicker{animation:.5s .2s both adb-in}.adb-slide[data-active] .adb-head{animation:.5s .3s both adb-in}.adb-cta{flex:none}.adb-cta svg{width:14px;height:14px;transition:transform .2s}.adb-slide:hover .adb-cta svg{transform:translate(3px)}.adb-slide[data-active] .adb-cta{animation:.5s .4s both adb-in}.adb-dots{z-index:3;gap:4px;display:flex;position:absolute;top:8px;right:12px}.adb-dots span{background:hsl(var(--foreground) / .2);border-radius:99px;width:5px;height:5px;transition:width .3s,background .3s}.adb-dots span[data-active]{background:hsl(var(--c));width:14px}.adb-timer{z-index:3;background:hsl(var(--c) / .7);transform-origin:0;width:100%;height:2px;animation:linear both adb-timer;position:absolute;bottom:0;left:0}.adb-box[data-paused] .adb-timer{animation-play-state:paused}@keyframes adb-drift{to{transform:translate(12%)scale(1.1)}}@keyframes adb-shine{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}@keyframes adb-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}}@keyframes adb-bob{50%{transform:translateY(-3px)}}@keyframes adb-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes adb-in{0%{opacity:0;transform:translate(-10px)}}@keyframes adb-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@container adb (min-width:860px){.adb-box{height:104px}.adb-slide{gap:20px;padding:0 28px}.adb-head{font-size:19px}}@container adb (max-width:639px){.adb-box{height:112px}.adb-slide{gap:14px;padding:0 16px}.adb-ic{border-radius:13px;width:46px;height:46px}.adb-ic svg{width:21px;height:21px}.adb-head{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;display:-webkit-box}}@container adb (max-width:459px){.adb-box{height:196px}.adb-slide{text-align:center;flex-direction:column;justify-content:center;gap:10px;padding:14px 16px 16px}.adb-ic{width:42px;height:42px}.adb-ic svg{width:20px;height:20px}.adb-copy{flex:none;justify-items:center;width:100%}.adb-head{font-size:16px}.adb-cta{width:100%;max-width:280px;height:34px}.adb-slide[data-active] .adb-kicker,.adb-slide[data-active] .adb-head,.adb-slide[data-active] .adb-cta{animation-name:adb-up}.adb-dots{top:auto;bottom:8px;right:50%;transform:translate(50%)}}@keyframes adb-up{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.adb *,.adb-box{transition:none!important;animation:none!important}.adb-shine,.adb-ring,.adb-timer{display:none}}}