.dd-ag{--ag-h:clamp(28rem, 40vw, 36rem);--ag-h-phone:40rem;--ag-gap:10px;--ag-overlay:var(--dd-bg-deep);width:100%;color:var(--dd-ink);position:relative}.dd-ag-panel{background-color:var(--dd-object);border-radius:var(--dd-radius);position:relative;overflow:hidden}.dd-ag-media,.dd-ag-scrim,.dd-ag-dim{pointer-events:none;position:absolute}.dd-ag-media{inset:0;overflow:hidden}.dd-ag-media img{-webkit-user-drag:none;position:absolute;inset:0}.dd-ag-scrim{background-image:linear-gradient(to top in oklab, color-mix(in oklab, var(--ag-overlay) 88%, transparent) 0%, color-mix(in oklab, var(--ag-overlay) 56%, transparent) 38%, transparent 72%);inset:0}.dd-ag-dim{opacity:0;background-color:var(--ag-overlay);inset:0}.dd-ag-ring{display:none}.dd-ag-copy{z-index:1;padding:var(--dd-gap-rule);flex-direction:column;gap:12px;display:flex;position:relative}.dd-ag-bar{border-radius:var(--dd-radius);background-color:var(--ag-accent);width:24px;height:2px;display:block}.dd-ag-title{color:var(--dd-ink);margin:0}.dd-ag-trigger{all:unset;font:inherit;color:inherit;cursor:pointer;text-align:start;display:inline}.dd-ag-trigger:active{color:var(--dd-ink-lead)}.dd-ag-trigger:after{content:"";position:absolute;inset:-100vmax}.dd-ag-region{gap:var(--dd-gap-lead);flex-direction:column;display:flex}.dd-ag-body{max-width:var(--dd-measure-body);color:var(--dd-ink);margin:0}.dd-ag-action{z-index:2;position:relative}@media (max-width:809px){.dd-ag{gap:var(--ag-gap);flex-direction:column;display:flex}.dd-ag-panel{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:15rem;display:flex}.dd-ag-trigger:after{inset:0}.dd-ag-panel:has(.dd-ag-trigger:focus-visible){outline:2px solid var(--dd-blue);outline-offset:2px}}@media (min-width:810px){.dd-ag{height:var(--ag-h);container-type:size}}@media (max-width:809px){.dd-ag[data-dd-armed]{height:var(--ag-h-phone);display:block;container-type:size}}@media (min-width:810px){.dd-ag-panel{--ag-gl:calc(var(--ag-gap) / 2);--ag-gr:calc(var(--ag-gap) / 2);clip-path:inset(0 calc((1 - var(--ag-b)) * 100% + var(--ag-gr)) 0 calc(var(--ag-a) * 100% + var(--ag-gl)) round var(--dd-radius));border-radius:0;position:absolute;inset:0}.dd-ag-panel:first-child{--ag-gl:0px}.dd-ag-panel:nth-last-child(1 of .dd-ag-panel){--ag-gr:0px}.dd-ag-media{--ag-mw:max(100cqw / var(--ag-n), 100cqw * var(--ag-r) * 1.22);width:var(--ag-mw);translate:calc((var(--ag-a) + var(--ag-b)) * 50cqw - var(--ag-mw) / 2 + var(--ag-px,0) * 1px) 0;inset:0 auto 0 0}.dd-ag-copy{width:calc(100cqw / var(--ag-n));translate:calc(var(--ag-a) * 100cqw + var(--ag-cx,0) * 1px) 0;position:absolute;bottom:0;left:0}.dd-ag[data-dd-armed] .dd-ag-copy{width:calc(100cqw * var(--ag-r))}.dd-ag-ring{inset:0 calc((1 - var(--ag-b)) * 100% + var(--ag-gr)) 0 calc(var(--ag-a) * 100% + var(--ag-gl))}}@media (max-width:809px){.dd-ag[data-dd-armed] .dd-ag-panel{--ag-gl:calc(var(--ag-gap) / 2);--ag-gr:calc(var(--ag-gap) / 2);min-height:0;clip-path:inset(calc(var(--ag-a) * 100% + var(--ag-gl)) 0 calc((1 - var(--ag-b)) * 100% + var(--ag-gr)) 0 round var(--dd-radius));border-radius:0;display:block;position:absolute;inset:0}.dd-ag[data-dd-armed] .dd-ag-panel:first-child{--ag-gl:0px}.dd-ag[data-dd-armed] .dd-ag-panel:nth-last-child(1 of .dd-ag-panel){--ag-gr:0px}.dd-ag[data-dd-armed] .dd-ag-panel:has(.dd-ag-trigger:focus-visible){outline:none}.dd-ag[data-dd-armed] .dd-ag-media{--ag-mh:100cqh * var(--ag-r) * 1.22;height:calc(var(--ag-mh));translate:0 calc((var(--ag-a) + var(--ag-b)) * 50cqh - var(--ag-mh) / 2 + var(--ag-px,0) * 1px);inset:0 0 auto}.dd-ag[data-dd-armed] .dd-ag-scrim{height:calc(100cqh * var(--ag-r));translate:0 calc(var(--ag-b) * 100cqh - 100%);inset:0 0 auto}.dd-ag[data-dd-armed] .dd-ag-copy{width:100%;translate:calc(var(--ag-cx,0) * 1px) calc(var(--ag-b) * 100cqh - 100%);position:absolute;top:0;left:0}.dd-ag[data-dd-armed] .dd-ag-trigger:after{inset:-100vmax}.dd-ag[data-dd-armed] .dd-ag-ring{inset:calc(var(--ag-a) * 100% + var(--ag-gl)) 0 calc((1 - var(--ag-b)) * 100% + var(--ag-gr)) 0}}@media (min-width:810px){.dd-ag-panel:has(.dd-ag-trigger:focus-visible) .dd-ag-ring{display:block}}@media (max-width:809px){.dd-ag[data-dd-armed] .dd-ag-panel:has(.dd-ag-trigger:focus-visible) .dd-ag-ring{display:block}}.dd-ag-ring{z-index:3;pointer-events:none;border-radius:var(--dd-radius);box-shadow:inset 0 0 0 2px var(--dd-blue), inset 0 0 0 4px var(--ag-overlay);position:absolute}.dd-ag-trigger:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.dd-ag[data-trigger] .dd-ag-panel:not([data-active]){cursor:pointer}}@media (forced-colors:active){.dd-ag-ring{box-shadow:none;outline-offset:-2px;outline:2px solid canvastext}}