body.anslation-design-system .ansi-agp-figma-composer{--ansi-fc-glass:rgb(244 244 244/90%);--ansi-fc-ink:rgb(9 14 28/62%);--ansi-fc-ink-tertiary:rgb(9 14 28/38%);--ansi-fc-border:rgb(9 14 28/10%);--ansi-fc-specular:rgb(255 255 255/50%);--ansi-fc-control-bg:rgb(9 14 28/3%);--ansi-fc-control-ink:rgb(9 14 28/62%);--ansi-fc-pill-min-h:48px;--ansi-fc-pill-pad-block:7px;--ansi-fc-pill-pad-start:13px;--ansi-fc-pill-pad-end:7px;--ansi-fc-pill-gap:8px;--ansi-fc-control-size:36px;--ansi-fc-glyph:20px;--ansi-fc-font-size:16px;--ansi-fc-line-height:24px;--ansi-fc-tracking:-0.22px;--ansi-fc-weight:400;--ansi-fc-action-size:44px;--ansi-fc-action-gap:8px;--ansi-fc-ghost-start:49px;--ansi-fc-ghost-end:40px}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=active]{--ansi-fc-glass:rgb(244 244 244/60%);--ansi-fc-ink:#090e1c;--ansi-fc-control-ink:#090e1c}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked]{--ansi-fc-glass:rgb(244 244 244/30%);--ansi-fc-pill-min-h:36px;--ansi-fc-pill-pad-block:3px;--ansi-fc-pill-pad-start:8px;--ansi-fc-pill-pad-end:4px;--ansi-fc-pill-gap:16px;--ansi-fc-control-size:30px;--ansi-fc-glyph:17px;--ansi-fc-font-size:13px;--ansi-fc-line-height:18px;--ansi-fc-tracking:-0.1px;--ansi-fc-weight:450;--ansi-fc-ghost-start:calc(var(--ansi-fc-pill-pad-start) + var(--ansi-fc-control-size) + var(--ansi-fc-pill-gap) + 12px);--ansi-fc-ghost-end:36px}.dark body.anslation-design-system .ansi-agp-figma-composer{--ansi-fc-glass:color-mix(in srgb,var(--anslation-ds-surface) 78%,transparent);--ansi-fc-ink:var(--anslation-ds-muted);--ansi-fc-ink-tertiary:rgb(255 255 255/38%);--ansi-fc-border:rgb(255 255 255/12%);--ansi-fc-specular:rgb(255 255 255/7%);--ansi-fc-control-bg:rgb(255 255 255/6%);--ansi-fc-control-ink:var(--anslation-ds-muted)}.dark body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=active]{--ansi-fc-glass:color-mix(in srgb,var(--anslation-ds-surface) 92%,transparent);--ansi-fc-ink:var(--anslation-ds-text);--ansi-fc-control-ink:var(--anslation-ds-text)}.dark body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked]{--ansi-fc-glass:color-mix(in srgb,var(--anslation-ds-surface) 66%,transparent)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search{padding-right:calc(var(--ansi-fc-action-size) + var(--ansi-fc-action-gap))}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child{position:absolute;right:calc(-1 * (var(--ansi-fc-action-size) + var(--ansi-fc-action-gap)) - 1px);bottom:calc((var(--ansi-fc-pill-min-h) - var(--ansi-fc-action-size)) / 2 - 1px);z-index:2;transition:bottom .26s cubic-bezier(.32,.72,0,1)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root{border-radius:999px;transition:background-color .18s cubic-bezier(.32,.72,0,1),border-color .18s cubic-bezier(.32,.72,0,1),box-shadow .18s cubic-bezier(.32,.72,0,1),color .15s ease,transform .15s ease,width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),min-width .26s cubic-bezier(.32,.72,0,1),min-height .26s cubic-bezier(.32,.72,0,1),max-height .26s cubic-bezier(.32,.72,0,1)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root.Mui-disabled{background-color:var(--ansi-fc-control-bg);border-color:var(--ansi-fc-border)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root.Mui-disabled svg{stroke:var(--ansi-fc-control-ink)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form{min-height:var(--ansi-fc-pill-min-h)!important;padding:var(--ansi-fc-pill-pad-block) var(--ansi-fc-pill-pad-end) var(--ansi-fc-pill-pad-block) var(--ansi-fc-pill-pad-start)!important;--ansi-agp-ta-pad-left:var(--ansi-fc-pill-pad-start);--ansi-agp-ta-pad-right:var(--ansi-fc-pill-pad-end);--ansi-agp-ta-pad-bottom:var(--ansi-fc-pill-pad-block);gap:var(--ansi-fc-pill-gap)!important;row-gap:0!important;border-radius:999px!important;background:var(--ansi-fc-glass)!important;border:1px solid var(--ansi-fc-border)!important;box-shadow:inset 0 1px 0 0 var(--ansi-fc-specular),0 1px 3px rgb(16 24 40/4%),0 6px 16px -4px rgb(16 24 40/8%),0 18px 40px -12px rgb(16 24 40/12%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);transition:min-height .26s cubic-bezier(.32,.72,0,1),padding .26s cubic-bezier(.32,.72,0,1),gap .26s cubic-bezier(.32,.72,0,1),background-color .26s ease,border-color .1s ease-out,border-radius 0s .42s,transform .18s cubic-bezier(.16,1,.3,1)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(.ansi-agp-composer-typeahead.on){border-radius:calc(var(--ansi-fc-pill-min-h) / 2)!important;transition-delay:0s!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:focus-within{border-color:var(--agp-accent-ink)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=default] .ansi-agp-roofing-search>div>form{background:var(--ansi-fc-glass)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form{background:var(--ansi-fc-glass)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form{background:var(--ansi-fc-glass)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form{-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-roofing-ghost-placeholder{left:var(--ansi-fc-ghost-start);right:var(--ansi-fc-ghost-end);font-size:var(--ansi-fc-font-size);font-weight:var(--ansi-fc-weight);line-height:var(--ansi-fc-line-height);letter-spacing:var(--ansi-fc-tracking);color:var(--ansi-fc-ink);transition:font-size .26s cubic-bezier(.32,.72,0,1),right .26s cubic-bezier(.32,.72,0,1),color .26s ease,opacity .4s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has([data-agp-voice-button]) .ansi-agp-roofing-ghost-placeholder{right:var(--ansi-fc-ghost-end)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form textarea{font-size:var(--ansi-fc-font-size)!important;line-height:var(--ansi-fc-line-height)!important;letter-spacing:var(--ansi-fc-tracking)!important;transition:font-size .26s cubic-bezier(.32,.72,0,1),line-height .26s cubic-bezier(.32,.72,0,1)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-roofing-thinking-status{left:var(--ansi-fc-ghost-start);font-size:var(--ansi-fc-font-size);line-height:var(--ansi-fc-line-height)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-composer-leading-icon{width:var(--ansi-fc-control-size)!important;height:var(--ansi-fc-control-size)!important;min-width:var(--ansi-fc-control-size)!important;border-radius:999px!important;background:var(--ansi-fc-control-bg)!important;border:1px solid var(--ansi-fc-border)!important;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),background-color .26s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form :is([data-agp-voice-button],[data-agp-camera-button]){width:var(--ansi-fc-control-size)!important;height:var(--ansi-fc-control-size)!important;min-width:var(--ansi-fc-control-size)!important;border-radius:999px!important;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form :is([data-agp-voice-button],[data-agp-camera-button]):not([aria-pressed=true]){background-color:var(--ansi-fc-control-bg)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form :is(.ansi-agp-composer-leading-icon,[data-agp-voice-button],[data-agp-camera-button]) :is(svg,.ansi-agp-composer-ansi-mark){width:var(--ansi-fc-glyph)!important;height:var(--ansi-fc-glyph)!important;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1)}@media (min-width:1024px){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-composer-ansi-mark{display:none!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-composer-leading-icon:after{content:"";width:var(--ansi-fc-glyph);height:var(--ansi-fc-glyph);background-color:var(--ansi-fc-plus-ink);-webkit-mask:var(--ansi-fc-plus) center /contain no-repeat;mask:var(--ansi-fc-plus) center /contain no-repeat;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),background-color .26s ease}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked] .ansi-fc-privacy-wide{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:4px!important;overflow:hidden}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked] .ansi-fc-privacy-wide-links{display:none}}@media (max-width:359px){body.anslation-design-system .ansi-agp-figma-composer{--ansi-fc-pill-pad-start:8px;--ansi-fc-pill-pad-end:4px;--ansi-fc-pill-gap:6px;--ansi-fc-control-size:32px;--ansi-fc-glyph:18px;--ansi-fc-ghost-start:42px;--ansi-fc-ghost-end:38px}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked]{--ansi-fc-control-size:28px;--ansi-fc-glyph:16px;--ansi-fc-ghost-start:38px;--ansi-fc-ghost-end:34px}}body.anslation-design-system .ansi-fc-privacy-mobile{display:none}@media{body.anslation-design-system .ansi-agp-figma-composer{--ansi-fc-control-size:44px;--ansi-fc-glyph:18px;--ansi-fc-action-size:44px;--ansi-fc-action-glyph:24px;--ansi-fc-pill-min-h:62px;--ansi-fc-pill-pad-block:8px;--ansi-fc-pill-pad-start:8px;--ansi-fc-pill-pad-end:8px;--ansi-fc-pill-gap:8px;--ansi-fc-ghost-start:60px;--ansi-fc-ghost-end:60px;--ansi-fc-glass:var(--ANSi-Light-surface-raised,#ffffff);--ansi-fc-border:var(--ANSi-Light-border-subtle,rgba(30,42,70,0.1));--ansi-fc-control-bg:var(--ANSi-Light-surface-inset,#edf0f4);--ansi-fc-control-ink:var(--ANSi-Light-label-primary,#252c39);--ansi-fc-ink:var(--ANSi-Light-label-tertiary,#5f6979);--ansi-fc-text:var(--ANSi-Light-label-primary,#252c39);--ansi-fc-plus-ink:var(--ANSi-Light-label-secondary,#4b5565);--ansi-fc-mic-ink:var(--ANSi-Light-label-primary,#252c39);--ansi-fc-specular:transparent;--ansi-fc-depth-sm:var( --ANSi-Light-depth-soft-sm,-2px -2px 5px 0 rgba(255,255,255,0.9),2px 3px 6px 0 rgba(30,42,70,0.08),0 1px 1px 0 rgba(30,42,70,0.04) );--ansi-fc-depth-md:var( --ANSi-Light-depth-soft-md,-4px -4px 10px 0 rgba(255,255,255,0.85),4px 6px 14px 0 rgba(30,42,70,0.08),0 1px 2px 0 rgba(30,42,70,0.04) );--ansi-fc-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M56,96v64a8,8,0,0,1-16,0V96a8,8,0,0,1,16,0ZM88,24a8,8,0,0,0-8,8V224a8,8,0,0,0,16,0V32A8,8,0,0,0,88,24Zm40,32a8,8,0,0,0-8,8V192a8,8,0,0,0,16,0V64A8,8,0,0,0,128,56Zm40,32a8,8,0,0,0-8,8v64a8,8,0,0,0,16,0V96A8,8,0,0,0,168,88Zm40-16a8,8,0,0,0-8,8v96a8,8,0,0,0,16,0V80A8,8,0,0,0,208,72Z'/%3E%3C/svg%3E");--ansi-fc-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E")}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=active]{--ansi-fc-glass:var(--ANSi-Light-surface-raised,#ffffff);--ansi-fc-ink:var(--ANSi-Light-label-primary,#252c39);--ansi-fc-control-ink:var(--ANSi-Light-label-primary,#252c39)}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked]{--ansi-fc-control-size:36px;--ansi-fc-glyph:18px;--ansi-fc-action-size:36px;--ansi-fc-action-glyph:18px;--ansi-fc-pill-min-h:36px;--ansi-fc-pill-pad-block:0px;--ansi-fc-pill-pad-start:0px;--ansi-fc-pill-pad-end:0px;--ansi-fc-pill-gap:8px;--ansi-fc-font-size:13px;--ansi-fc-line-height:18px;--ansi-fc-weight:450;--ansi-fc-glass:var(--ANSi-Light-surface-base,#ffffff);--ansi-fc-ghost-start:calc(var(--ansi-fc-pill-pad-start) + var(--ansi-fc-control-size) + var(--ansi-fc-pill-gap) + 13px);--ansi-fc-ghost-end:67px}.dark body.anslation-design-system .ansi-agp-figma-composer{--ansi-fc-depth-sm:0 1px 2px 0 rgb(0 0 0/24%),0 1px 4px 0 rgb(0 0 0/16%);--ansi-fc-depth-md:0 2px 6px 0 rgb(0 0 0/24%),0 8px 24px 0 rgb(0 0 0/20%);--ansi-fc-text:var(--anslation-ds-text);--ansi-fc-plus-ink:var(--anslation-ds-muted);--ansi-fc-mic-ink:var(--anslation-ds-text)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-composer-ansi-mark{display:none!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-composer-leading-icon:after{content:"";width:var(--ansi-fc-glyph);height:var(--ansi-fc-glyph);background-color:var(--ansi-fc-plus-ink);-webkit-mask:var(--ansi-fc-plus) center /contain no-repeat;mask:var(--ansi-fc-plus) center /contain no-repeat;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),background-color .26s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root{box-shadow:var(--ansi-fc-depth-md)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root.Mui-disabled{background-color:var(--ANSi-Light-tint-default,#2563eb)!important;border-color:transparent!important;opacity:1!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root.Mui-disabled svg{stroke:#fff!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root svg{width:var(--ansi-fc-action-glyph)!important;height:var(--ansi-fc-action-glyph)!important;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(textarea:not([aria-hidden]):placeholder-shown)>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root[type=submit] svg{display:none!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(textarea:not([aria-hidden]):placeholder-shown)>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root[type=submit]:after{content:"";flex:none;width:var(--ansi-fc-action-glyph);height:var(--ansi-fc-action-glyph);background-color:#fff;-webkit-mask:var(--ansi-fc-wave) center /contain no-repeat;mask:var(--ansi-fc-wave) center /contain no-repeat;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1)}@media (forced-colors:active){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(textarea:not([aria-hidden]):placeholder-shown)>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root[type=submit] svg{display:inline-block!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(textarea:not([aria-hidden]):placeholder-shown)>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root[type=submit]:after{content:none}}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search{max-width:min(100%,var(--ansi-composer-max-width,52rem))!important;transition:max-width .26s cubic-bezier(.32,.72,0,1),padding-right .26s cubic-bezier(.32,.72,0,1)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form,body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:focus-within{align-items:center!important;box-shadow:inset 0 1px 0 0 var(--ansi-fc-specular),var(--ansi-fc-depth-md)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form textarea{color:var(--ansi-fc-text)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child{top:50%;bottom:auto;transform:translateY(-50%);transition:right .26s cubic-bezier(.32,.72,0,1),top 0s .5s,transform 0s .5s}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(.ansi-agp-composer-typeahead.on)>div:has([data-agp-voice-button])>span:last-child{top:calc((var(--ansi-fc-pill-min-h) - var(--ansi-fc-action-size)) / 2 - 1px);transform:none;transition:right .26s cubic-bezier(.32,.72,0,1),top 0s,transform 0s}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:has(.ansi-agp-composer-typeahead.on)>:is(.ansi-agp-composer-leading-icon,div:has([data-agp-voice-button])){align-self:start!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form textarea{scrollbar-width:none;-ms-overflow-style:none}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form textarea::-webkit-scrollbar{width:0;height:0;display:none}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-composer-leading-icon{box-shadow:none}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form [data-agp-voice-button]:not([aria-pressed=true]){border:1px solid var(--ansi-fc-border);box-shadow:none}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form [data-agp-voice-button]:not([aria-pressed=true]) svg{stroke:var(--ansi-fc-mic-ink)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form :is([data-agp-voice-button],[data-agp-camera-button],.ansi-agp-composer-leading-icon){min-height:var(--ansi-fc-control-size)!important;max-height:var(--ansi-fc-control-size)!important;padding:0!important;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),min-height .26s cubic-bezier(.32,.72,0,1),max-height .26s cubic-bezier(.32,.72,0,1),min-width .26s cubic-bezier(.32,.72,0,1),background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span{height:auto!important;align-self:center!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root{width:var(--ansi-fc-action-size)!important;height:var(--ansi-fc-action-size)!important;min-width:var(--ansi-fc-action-size)!important;min-height:var(--ansi-fc-action-size)!important;max-height:var(--ansi-fc-action-size)!important;padding:0!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child{right:calc(-1 * (var(--ansi-fc-action-size) + var(--ansi-fc-action-gap)))}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root{bottom:0!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form :is(.MuiFormControl-root,.MuiInputBase-root){min-height:0!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form textarea{font-size:13px!important;line-height:18px!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form textarea:not([aria-hidden]){height:var(--ansi-fc-line-height)!important;min-height:var(--ansi-fc-line-height)!important;padding-top:1px!important;padding-bottom:1px!important;overflow:hidden!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form{background:transparent!important;border-color:transparent!important;border-width:0!important;box-shadow:none!important;isolation:isolate;min-height:36px!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form:before{content:"";position:absolute;left:calc(var(--ansi-fc-pill-pad-start) + var(--ansi-fc-control-size) + var(--ansi-fc-pill-gap));right:0;top:0;bottom:0;background:var(--ansi-fc-glass);border:1px solid var(--ansi-fc-border);border-radius:999px;box-shadow:var(--ansi-fc-depth-sm);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);z-index:-1;pointer-events:none;transition:left .26s cubic-bezier(.32,.72,0,1),background-color .26s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form{column-gap:0!important;padding-top:0!important;padding-bottom:0!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form .ansi-agp-composer-leading-icon{margin-right:8px}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form .MuiFormControl-root{margin-left:13px}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button]){margin-left:27px;margin-right:4px}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form .ansi-agp-composer-leading-icon{background:var(--ansi-fc-glass)!important;border-color:var(--ansi-fc-border)!important;box-shadow:var(--ansi-fc-depth-sm);z-index:1}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search{max-width:clamp(234px,55%,480px)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form [data-agp-voice-button]{background-color:initial!important;border-color:transparent!important;box-shadow:none!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-roofing-ghost-placeholder{transition:font-size .26s cubic-bezier(.32,.72,0,1),left .26s cubic-bezier(.32,.72,0,1),right .26s cubic-bezier(.32,.72,0,1),color .26s ease,opacity .4s ease}@media (max-width:767px){body.anslation-design-system .ansi-fc-privacy-wide,body.anslation-design-system .ansi-roofing-privacy-line.ansi-fc-privacy-wide{display:none!important}body.anslation-design-system .ansi-fc-privacy-mobile{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;max-width:100%;padding-inline:8px;text-align:center}body.anslation-design-system .ansi-fc-privacy-mobile-note{font-size:12px;font-weight:500;line-height:16px;letter-spacing:.06px;color:var(--ansi-muted)}body.anslation-design-system .ansi-fc-privacy-mobile-links{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.06px}body.anslation-design-system .ansi-fc-privacy-mobile-links a{color:var(--ansi-fc-ink-tertiary);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.06px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}body.anslation-design-system .ansi-fc-privacy-mobile-links a:first-of-type{color:var(--agp-accent-ink);text-decoration-skip-ink:auto}body.anslation-design-system .ansi-fc-privacy-mobile-links a:last-of-type{text-decoration-skip-ink:none}body.anslation-design-system .ansi-fc-privacy-mobile-dot{width:3px;height:3px;border-radius:50%;background:var(--ansi-fc-ink-tertiary);overflow:hidden;text-indent:-100px;flex:none}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked] .ansi-fc-privacy-mobile{gap:0;margin-top:6px}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked] .ansi-fc-privacy-mobile-links{display:none}body.anslation-design-system .ansi-agp-figma-composer[data-ansi-composer-state=shrinked] .ansi-fc-privacy-mobile-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;overflow:hidden;font-size:11px;line-height:14px}}}@property --ansi-fc-border-angle{syntax:"";initial-value:0deg;inherits:false}@keyframes ansiFcBorderFlow{to{--ansi-fc-border-angle:360deg}}@media (max-width:767px){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form textarea{scrollbar-width:none;-ms-overflow-style:none}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form textarea::-webkit-scrollbar{width:0;height:0;display:none}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form:focus-within{border-color:var(--ansi-fc-border)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ansi-fc-border-angle),transparent 0deg,color-mix(in srgb,var(--agp-accent-ink) 16%,transparent) 32deg,color-mix(in srgb,var(--agp-accent-ink) 42%,transparent) 58deg,color-mix(in srgb,var(--agp-accent-ink-bright) 62%,transparent) 90deg,color-mix(in srgb,var(--agp-accent-ink) 42%,transparent) 122deg,color-mix(in srgb,var(--agp-accent-ink) 16%,transparent) 148deg,transparent 180deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;animation:ansiFcBorderFlow 6s linear infinite;opacity:0;animation-play-state:paused;transition:opacity .28s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form:after{opacity:1;animation-play-state:running}@media (prefers-reduced-motion:reduce){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form:after{animation:none}}}@media (min-width:768px){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form :is([data-agp-voice-button],[data-agp-camera-button],.ansi-agp-composer-leading-icon){min-height:var(--ansi-fc-control-size)!important;max-height:var(--ansi-fc-control-size)!important;padding:0!important;transition:width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),min-height .26s cubic-bezier(.32,.72,0,1),max-height .26s cubic-bezier(.32,.72,0,1),min-width .26s cubic-bezier(.32,.72,0,1),background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root{width:var(--ansi-fc-action-size)!important;height:var(--ansi-fc-action-size)!important;min-width:var(--ansi-fc-action-size)!important;min-height:var(--ansi-fc-action-size)!important;max-height:var(--ansi-fc-action-size)!important;padding:0!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form :is(.MuiFormControl-root,.MuiInputBase-root){min-height:0!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=shrinked] .ansi-agp-roofing-search>div>form textarea:not([aria-hidden]){height:var(--ansi-fc-line-height)!important;min-height:var(--ansi-fc-line-height)!important;padding-top:1px!important;padding-bottom:1px!important;overflow:hidden!important;transition:height .26s cubic-bezier(.32,.72,0,1),font-size .26s cubic-bezier(.32,.72,0,1),line-height .26s cubic-bezier(.32,.72,0,1)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-roofing-ghost-placeholder{transition:font-size .26s cubic-bezier(.32,.72,0,1),left .26s cubic-bezier(.32,.72,0,1),right .26s cubic-bezier(.32,.72,0,1),color .26s ease,opacity .4s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form .ansi-agp-roofing-thinking-status{transition:font-size .26s cubic-bezier(.32,.72,0,1),left .26s cubic-bezier(.32,.72,0,1)}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form:focus-within{border-color:var(--ansi-fc-border)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ansi-fc-border-angle),transparent 0deg,color-mix(in srgb,var(--agp-accent-ink) 16%,transparent) 32deg,color-mix(in srgb,var(--agp-accent-ink) 42%,transparent) 58deg,color-mix(in srgb,var(--agp-accent-ink-bright) 62%,transparent) 90deg,color-mix(in srgb,var(--agp-accent-ink) 42%,transparent) 122deg,color-mix(in srgb,var(--agp-accent-ink) 16%,transparent) 148deg,transparent 180deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;animation:ansiFcBorderFlow 6s linear infinite;opacity:0;animation-play-state:paused;transition:opacity .28s ease}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form:after{opacity:1;animation-play-state:running}@media (prefers-reduced-motion:reduce){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper[data-ansi-composer-state=active] .ansi-agp-roofing-search>div>form:after{animation:none}}@media (max-width:1023.98px){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-roofing-fixed-composer{padding:8px 16px calc(24px + var(--ansi-agp-bottom-chrome, 0px))!important}}}@media (min-width:768px){body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root{box-shadow:var(--ansi-fc-depth-md)!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root.Mui-disabled{background-color:var(--ANSi-Light-tint-default,#2563eb)!important;border-color:transparent!important;opacity:1!important}body.anslation-design-system .ansi-page-shell:has(.ansi-agp-scroll-frame) .ansi-agp-figma-composer.ansi-bottom-search-wrapper .ansi-agp-roofing-search>div>form>div:has([data-agp-voice-button])>span:last-child>.MuiIconButton-root.Mui-disabled svg{stroke:#fff!important}body.anslation-design-system .ansi-fc-privacy-wide a{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;white-space:nowrap;text-decoration-line:underline!important;text-decoration-style:solid!important;text-decoration-thickness:auto!important;text-underline-offset:auto!important;text-underline-position:from-font!important;color:var(--ansi-fc-ink-tertiary,rgb(9 14 28/38%))!important}body.anslation-design-system .ansi-fc-privacy-wide a:first-of-type{color:var(--agp-accent-ink,#2563eb)!important;text-decoration-skip-ink:auto}body.anslation-design-system .ansi-fc-privacy-wide a:last-of-type{text-decoration-skip-ink:none}body.anslation-design-system .ansi-agp-figma-composer .ansi-fc-privacy-wide{-webkit-line-clamp:3}body.anslation-design-system .ansi-agp-figma-composer .ansi-fc-privacy-wide.ansi-roofing-privacy-line{max-width:min(520px,100%)!important;margin-top:8px!important;font-size:11px!important}@media (max-width:1023.98px){body.anslation-design-system .ansi-agp-figma-composer .ansi-fc-privacy-wide.ansi-roofing-privacy-line{max-width:none!important;width:auto!important;margin-left:-16px!important;margin-right:-16px!important;text-align:center!important}}}@media (prefers-reduced-motion:reduce){body.anslation-design-system .ansi-agp-figma-composer .ansi-agp-roofing-search,body.anslation-design-system .ansi-agp-figma-composer .ansi-agp-roofing-search *{transition-duration:.01ms!important}}