@layer elements{.data-state-animate[data-state=open]{animation:.2s ease-out fade-in}.data-state-animate[data-state=open].dialog-content-position{animation:.2s ease-out fade-in-zoom-in}.data-state-animate[data-state=closed]{animation:.2s ease-in fade-out}.data-state-animate[data-state=closed].dialog-content-position{animation:.2s ease-in fade-out-zoom-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-zoom-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fade-out-zoom-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.dialog-overlay{z-index:1000;background-color:#00000080}.dialog-close-button{height:1.5rem;top:1.25rem;right:1rem}.dialog-close-button svg{pointer-events:none}.dialog-close-button:hover{opacity:1}.dialog-close-button:disabled{pointer-events:none}@media only screen and (min-width:769px){.dialog-close-button{top:1.75rem;right:1.75rem}}.dialog-content{z-index:1000;background-color:#fff;max-width:calc(100% - 2rem);transition-duration:.2s;position:fixed;top:50dvh;left:50dvw;transform:translate(-50%,-50%)}@media only screen and (min-width:769px){.dialog-content{max-width:37.5rem}}.dialog-header{border-bottom:1px solid #d7e0ef;padding:1rem 1.5rem}.dialog-header.dialog-header-secondary{background-color:#c3f0e4}.dialog-header.dialog-header-secondary h2,.dialog-header.dialog-header-secondary p{color:#1c6858}@media only screen and (min-width:769px){.dialog-header{padding:1.5rem 2rem}}.dialog-footer{border-top:1px solid #d7e0ef;padding:1rem 1.5rem}@media only screen and (min-width:769px){.dialog-footer{padding:1.5rem 2rem}}.dialog-title{font-size:1.25rem;line-height:1.75rem}@media only screen and (min-width:769px){.dialog-title{font-size:1.5rem;line-height:2rem}}}
@layer components{.image-url-picker-overlay{height:95vh;max-height:50rem;position:relative;overflow-y:hidden}@media only screen and (max-width:580px){.image-url-picker-overlay{height:100vh;max-height:100vh}}.image-url-picker-overlay .overlay-content{height:100%;padding:.3125rem;overflow:hidden}.image-url-picker-search-bar{margin:1.25rem;display:flex;position:relative}.image-url-picker-search-bar .search-input{border-radius:3.125rem;height:3rem}.image-url-picker-search-bar button{border-radius:3.125rem;height:3rem;position:absolute}.image-url-picker-search-bar button:disabled{cursor:not-allowed;opacity:.3}.image-url-picker-search-bar .search-button{right:0}.image-url-picker-search-bar .clear-button{background:0 0;width:3rem;padding:0;right:6.5625rem}.image-url-picker-search-bar .clear-button:before{content:" ";background:#7583a0;width:50%;height:50%;margin:0 auto;display:block;-webkit-mask-image:url(https://assets.apolitical.co/icons/close.svg);mask-image:url(https://assets.apolitical.co/icons/close.svg);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.image-collection{height:80%;padding:.3125rem;overflow-y:auto}.image-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin:0;padding:.625rem;list-style-type:none;display:grid}.image-list .image-card{background:#dee2e8;border-radius:.1875rem;margin-bottom:.5rem;overflow:hidden}.image-list .image-card:hover{scale:1.05}.image-list .image-card:focus{box-shadow:0 0 0 .25rem #7c72e1}.image-list .image{cursor:pointer;width:100%;height:100%}}