/*
  main.css önceden derlenmiş (Tailwind) olduğu için sonradan eklenen şablonlarda kullanılan
  ama main.css içinde bulunmayan yardımcı sınıflar burada tanımlanır.
  Değerler Tailwind v4 varsayılanlarıyla aynıdır. Yeni sınıf eklerken main.css'te olmadığını kontrol edin.
*/
@layer utilities {
/* :where() -> özgüllük 0: main.css içindeki duyarlı (lg:, xl:) sınıfları asla ezmez */
:where(.mt-0\.5){margin-top:.125rem}
:where(.mt-6){margin-top:1.5rem}
:where(.mt-8){margin-top:2rem}
:where(.mb-2\.5){margin-bottom:.625rem}
:where(.gap-x-2\.5){column-gap:.625rem}
:where(.gap-x-3\.5){column-gap:.875rem}
:where(.size-3\.5){width:.875rem;height:.875rem}
:where(.flex-shrink-0){flex-shrink:0}
:where(.py-0\.5){padding-top:.125rem;padding-bottom:.125rem}
:where(.py-1\.5){padding-top:.375rem;padding-bottom:.375rem}
:where(.py-2\.5){padding-top:.625rem;padding-bottom:.625rem}
:where(.text-base){font-size:1rem;line-height:1.5rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
:where(.tracking-wider){letter-spacing:.05em}
:where(.bg-emerald-50){background-color:#ecfdf5}
:where(.border-emerald-200){border-color:#a7f3d0}
:where(.text-emerald-600){color:#059669}
:where(.text-emerald-700){color:#047857}
:where(.shadow-xs){box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}
.hover\:border-brand-500:hover{border-color:var(--color-brand-500)}
.hover\:bg-brand-600:hover{background-color:var(--color-brand-600)}
.focus\:outline-hidden:focus{outline:2px solid transparent;outline-offset:2px}
.group:hover .group-hover\:bg-brand-50{background-color:var(--color-brand-50)}
.group:hover .group-hover\:border-brand-300{border-color:var(--color-brand-300)}
.group:hover .group-hover\:text-brand-500{color:var(--color-brand-500)}
.group:hover .group-hover\:bg-brand-500{background-color:var(--color-brand-500)}
.group:hover .group-hover\:text-white{color:#fff}
@media (min-width:640px){
  .sm\:inline-block{display:inline-block}
}
@media (min-width:768px){
  .md\:p-5{padding:1.25rem}
  .md\:flex-row{flex-direction:row}
  .md\:items-center{align-items:center}
  .md\:justify-end{justify-content:flex-end}
  .md\:text-end{text-align:end}
  .md\:pt-0{padding-top:0}
  .md\:border-t-0{border-top-width:0}
  .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
}
}