.ramadan-counter{--tw-gradient-from:#166534 var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,101,52,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#16a34a var(--tw-gradient-to-position);--tw-text-opacity:1;background-image:linear-gradient(to right,var(--tw-gradient-stops));color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;position:relative}@media (min-width:990px){.ramadan-counter{align-items:center;flex-direction:row;gap:30px;justify-content:space-between;padding:2.5rem}}.ramadan-counter[hidden]{display:none}.ramadan-counter__glow{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ramadan-counter__glow:after{--tw-content:"";background-color:hsla(0,0%,100%,.1);border-radius:9999px;content:var(--tw-content);height:10rem;position:absolute;right:-60px;top:-60px;width:10rem}.ramadan-counter__head{align-items:center;display:flex;gap:.875rem;position:relative}@media (min-width:990px){.ramadan-counter__head{flex-shrink:0;min-width:14rem}}.ramadan-counter__mark{align-items:center;background-color:hsla(0,0%,100%,.15);border-radius:9999px;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.ramadan-counter__city{min-width:0}.ramadan-counter__city>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.ramadan-counter__city-name{display:block;font-size:1.25rem;font-weight:900;line-height:1.75rem;line-height:1.25;text-transform:uppercase}@media (min-width:990px){.ramadan-counter__city-name{font-size:1.5rem;line-height:2rem}}.ramadan-counter__picker{position:relative}.ramadan-counter__picker-toggle{--tw-text-opacity:1;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;color:rgb(255 255 255/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.375rem;margin:0;max-width:100%;padding:0;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ramadan-counter__picker-toggle .icon{flex-shrink:0;font-size:.875rem;line-height:1.25rem;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ramadan-counter__picker[list-open=true] .ramadan-counter__picker-toggle .icon{--tw-rotate:180deg;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))}.ramadan-counter__picker-panel{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(0 0 0/var(--tw-text-opacity,1));left:0;overflow:hidden;position:absolute;top:calc(100% + 10px);width:280px;z-index:9999}@media (min-width:576px){.ramadan-counter__picker-panel{width:26rem}}.ramadan-counter__picker-panel[hidden]{display:none}.ramadan-counter__picker-search{--tw-border-opacity:1;align-items:center;border-bottom-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));display:flex;gap:.625rem;padding:.625rem .875rem}.ramadan-counter__picker-search .icon{color:rgb(156 163 175/var(--tw-text-opacity,1));flex-shrink:0;font-size:1rem;line-height:1.5rem}.ramadan-counter__picker-input,.ramadan-counter__picker-search .icon{--tw-text-opacity:1}.ramadan-counter__picker-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-width:0;color:rgb(0 0 0/var(--tw-text-opacity,1));flex:1 1 0%;font-size:.875rem;font-weight:600;line-height:1.25rem;margin:0;min-width:0;outline:2px solid transparent;outline-offset:2px;padding:0}.ramadan-counter__picker-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));font-weight:500}.ramadan-counter__picker-input::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));font-weight:500}.ramadan-counter__picker-list{display:grid;gap:.125rem;grid-template-columns:repeat(2,minmax(0,1fr));max-height:16rem;overflow-y:auto;overscroll-behavior:contain;padding:.375rem}@media (min-width:576px){.ramadan-counter__picker-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.ramadan-counter__picker-item{--tw-text-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:.25rem;border-width:0;color:rgb(31 41 55/var(--tw-text-opacity,1));cursor:pointer;display:block;font-size:13px;font-weight:600;padding:.5rem .625rem;text-align:left;width:100%}.ramadan-counter__picker-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.ramadan-counter__picker-item[aria-selected=true]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.ramadan-counter__picker-empty{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));display:block;font-size:.875rem;font-weight:600;line-height:1.25rem;padding:1.5rem .875rem;text-align:center}.ramadan-counter__picker-empty[hidden]{display:none}.ramadan-counter__date{color:hsla(0,0%,100%,.75);display:block;font-size:.75rem;font-weight:600;line-height:1rem;min-height:1rem;white-space:nowrap}@media (min-width:990px){.ramadan-counter__date{font-size:.875rem;line-height:1.25rem;min-height:1.25rem}}.ramadan-counter__body{align-items:flex-start;display:flex;flex:1 1 0%;flex-direction:column;gap:.375rem;position:relative}@media (min-width:990px){.ramadan-counter__body{align-items:center}}.ramadan-counter__label{color:hsla(0,0%,100%,.8);display:block;font-size:.875rem;font-weight:700;letter-spacing:.025em;line-height:1.25rem;text-transform:uppercase}@media (min-width:990px){.ramadan-counter__label{font-size:1rem;line-height:1.5rem}}.ramadan-counter__timer{align-items:flex-start;display:flex;gap:.375rem}@media (min-width:576px){.ramadan-counter__timer{gap:.625rem}}.ramadan-counter__unit{align-items:center;background-color:hsla(0,0%,100%,.15);border-radius:.25rem;display:flex;flex-direction:column;gap:.125rem;min-width:54px;padding:.375rem .5rem}@media (min-width:576px){.ramadan-counter__unit{min-width:64px}}.ramadan-counter__unit-value{--tw-numeric-spacing:tabular-nums;display:block;font-size:1.875rem;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-weight:900;line-height:2.25rem;line-height:1}@media (min-width:576px){.ramadan-counter__unit-value{font-size:2.25rem;line-height:2.5rem}}.ramadan-counter__unit-name{color:hsla(0,0%,100%,.7);display:block;font-size:10px;font-weight:600;text-transform:uppercase}@media (min-width:576px){.ramadan-counter__unit-name{font-size:.75rem;line-height:1rem}}.ramadan-counter__separator{font-size:1.5rem;font-weight:900;line-height:2rem;line-height:1;padding-top:.5rem}@media (min-width:576px){.ramadan-counter__separator{font-size:1.875rem;line-height:2.25rem}}.ramadan-counter__times{border-color:hsla(0,0%,100%,.2);border-top-width:1px;display:flex;gap:.875rem;padding-top:.875rem;position:relative}@media (min-width:990px){.ramadan-counter__times{border-left-width:1px;border-top-width:0;flex-direction:column;flex-shrink:0;gap:.375rem;padding-left:1.25rem;padding-top:0;width:13rem}}.ramadan-counter__time{flex:1 1 0%}@media (min-width:990px){.ramadan-counter__time{align-items:baseline;display:flex;gap:.625rem;justify-content:space-between}}.ramadan-counter__time-name{color:hsla(0,0%,100%,.7);display:block;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}@media (min-width:990px){.ramadan-counter__time-name{font-size:.75rem;line-height:1rem}}.ramadan-counter__time-value{--tw-numeric-spacing:tabular-nums;display:block;font-size:1.125rem;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-weight:900;line-height:1.75rem;line-height:1.25;white-space:nowrap}@media (min-width:990px){.ramadan-counter__time-value{font-size:1.25rem;line-height:1.75rem}}

/*# sourceMappingURL=ramadan-counter.css.map*/