@media (min-width: 768px) {
  .footer [x-show="open"] {
    display: block !important;
  }
}

.group:hover .group-hover\:rotate-360 {
    --tw-rotate: 360deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/*
.shadow-light, .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-light {
    --tw-shadow: inset 0 -0.250em 0 0 hsla(0, 0%, 100%, 0.48)
}
*/

.shadow-dark {
	color: rgba(255,255,255, 0.5);	
    --tw-shadow: inset 0 -0.250em 0 0 hsla(0, 0%, 100%, 0.24)
}

.hover\:shadow:hover, .shadow-dark {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.self-space>* {
    --self-space-value: 1rem
}

.self-space-t>* {
    margin-top: var(--self-space-value)
}

.self-space-r>* {
    margin-right: var(--self-space-value)
}

.self-space-b>* {
    margin-bottom: var(--self-space-value)
}

.bg-transparent {
    background-color: transparent
}

.bg-transparent-light-32 {
    background-color: hsl(0deg 0% 100%/32%)
}

.bg-transparent-light-48 {
    background-color: hsl(0deg 0% 100%/48%)
}

.bg-transparent-light-64 {
    background-color: hsl(0deg 0% 100%/64%)
}

.bg-transparent-dark-16 {
    background-color: hsl(0deg 0% 0%/16%)
}

.bg-brand-google {
    --tw-bg-opacity: 1;
    background-color: rgba(66, 133, 244, var(--tw-bg-opacity))
}

.bg-brand-facebook {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 89, 152, var(--tw-bg-opacity))
}

.bg-brand-twitter {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 161, 242, var(--tw-bg-opacity))
}

.bg-brand-github {
    --tw-bg-opacity: 1;
    background-color: rgba(64, 120, 192, var(--tw-bg-opacity))
}