dialog{
  animation:dialogEnter .3s ease;
  padding:2px 1rem;
}
dialog,dialog.max-w-2xl,dialog.max-w-4xl{
  width:100%;
}
dialog:has(.dialog__btn-close){
  --dialog__btn-close--height:28px;
  padding-top:calc(var(--dialog__btn-close--height) + 7px);
}
dialog::backdrop{
  animation:backdropFadeIn .3s ease;
}
dialog.closing{
  animation:dialogExit .3s ease;
}

@keyframes dialogEnter{
  0%{
    opacity:0;
    transform:scale(.9);
  }
  50%{
    transform:scale(1.02);
  }
  to{
    opacity:1;
    transform:scale(1);
  }
}
@keyframes dialogExit{
  0%{
    opacity:1;
    transform:scale(1);
  }
  to{
    opacity:0;
    transform:scale(.9);
  }
}
@keyframes backdropFadeIn{
  0%{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
.dialog__content{
  background-color:hsl(var(--background));
  gap:1rem;
  margin:0 !important;
  width:100%;
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  animation-duration:.2s;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  transition-duration:.2s;
}
.dialog__content h2{
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  clip:rect(0, 0, 0, 0);
  border-width:0;
  white-space:nowrap;
}
.dialog__content.padding{
  border-width:1px;
  padding:2rem;
}
.dialog__content[data-state=open]{
  animation-duration:.15s;
  animation-name:enter;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
  --tw-enter-opacity:0;
  --tw-enter-scale:0.95;
  --tw-enter-translate-x:-50%;
  --tw-enter-translate-y:-48%;
}
.dialog__content[data-state=closed]{
  animation-duration:.15s;
  animation-name:exit;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
  --tw-exit-opacity:0;
  --tw-exit-scale:0.95;
  --tw-exit-translate-x:-50%;
  --tw-exit-translate-y:-48%;
}
@media (min-width:640px){
  .dialog__content{
    border-radius:var(--radius);
  }
}

.dialog__btn-close{
  align-items:center;
  background-color:var(--red);
  border:0;
  border-radius:4px;
  display:flex;
  height:var(--dialog__btn-close--height);
  justify-content:center;
  margin:0 0 4px auto;
  position:absolute;
  right:1rem;
  top:0;
  width:var(--dialog__btn-close--height);
}
.dialog__btn-close:hover{
  background-color:transparent;
}
.dialog__btn-close:focus-visible{
  box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--red);
  outline:none;
}

.search__icon{
  filter:brightness(0) invert(100);
}
/*# sourceMappingURL=dialog.css.map */