/* public/assets/fonts/montserrat/fonts.css */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./media/montserrat-bold-webfont-M3KJ7SCB.woff2") format("woff2"), url("./media/montserrat-bold-webfont-MAOPNXYR.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./media/montserrat-extrabold-webfont-74BGYRWT.woff2") format("woff2"), url("./media/montserrat-extrabold-webfont-CREN4POF.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./media/montserrat-semibold-webfont-MF46Y2GK.woff2") format("woff2"), url("./media/montserrat-semibold-webfont-4HK3DVSQ.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./media/montserrat-medium-webfont-UM5OTNES.woff2") format("woff2"), url("./media/montserrat-medium-webfont-4FVXTOHP.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./media/montserrat-regular-webfont-UFGLDEKV.woff2") format("woff2"), url("./media/montserrat-regular-webfont-EUI23JK4.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("./media/montserrat-light-webfont-Q5J3WU3U.woff2") format("woff2"), url("./media/montserrat-light-webfont-AHVSF2VI.woff") format("woff");
}

/* public/assets/css/reset.css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: "Montserrat";
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* public/assets/css/theme.css */
:root {
  --main-bg-color: #fff;
  --light-bg-color: #EFEEF0;
  --selected-text-color: #359AB0;
  --dark-color: #0F1319;
  --dark-highlight: #20252C;
  --color-gray: #929292;
  --border-color: #EFEEF0;
  --adhan-color: #359AB0;
  --iqamah-color: #c5a21b;
  --salah-color: #7cad30;
  --clock-left-block: #dddddd;
  --clock-left-block-border: #d7d5d5;
  --clock-right-block: #d2d2d2b5;
  --clock-active-time: #359ab0;
  --clock-listing-header: silver;
  --clock-text-color: #2a2b2b;
  --clock-listing-text-color: #2a2b2b;
  --clock-mm-link: #0056b3;
  --default-color: rgb(133, 141, 150);
  --adhan-color: rgb(53, 154, 176);
  --iqamah-color: rgb(197, 162, 27);
  --salah-color: rgb(124, 173, 48);
  --adhan-highlight: rgb(40, 120, 138);
  --iqamah-highlight: rgb(154, 127, 23);
  --salah-highlight: rgb(90, 125, 34);
  --namaz-highlight: rgb(53, 154, 176);
  --black-highlight: rgb(42, 43, 43);
  --gray-highlight: rgb(90, 93, 93);
  --white-highlight: rgb(255, 255, 255);
  --hourHandColor: rgb(133, 141, 150);
  --minuteHandColor: rgb(133, 141, 150);
  --secondHandColor: rgb(200, 0, 0);
  --salahScreen-day-text-color: #7cad30;
  --salahScreen-day-background-color: #FFF;
  --salahScreen-night-text-color: #7cad30;
  --salahScreen-night-background-color: #FFF;
}
.light {
  --dark-color: #0F1319;
  --light-bg-color: #EFEEF0;
  --clock-right-block: #d2d2d2b5 ;
}
.dark {
  --dark-color: #fff;
  --light-bg-color: #1f1f1f;
  --clock-right-block: #000;
  --clock-listing-text-color: #777f88;
  --clock-text-color: #777f88;
  --clock-listing-header:#1f1f1f;
}
.cyanTheme {
  --clock-left-block: #ADDDE8;
  --clock-left-block-border: #ADDDE8;
  --clock-right-block: #006B82;
  --clock-listing-header: #ADDDE8;
  --clock-listing-text-color: #ADDDE8;
  --clock-text-color: #006B82;
  --clock-mm-link: #ADDDE8;
  --dark-color:#fff;
  --light-bg-color: #0f414c;
  --hourHandColor: #006B82;
  --minuteHandColor: #006B82;
  --salahScreen-day-text-color: #00829E;
  --salahScreen-night-text-color: #00829E ;
}
.cyanDarkTheme {
  --clock-left-block: #00829E;
  --clock-left-block-border: #00829E;
  --clock-right-block: #176576;
  --clock-listing-header: #00829E;
  --clock-listing-text-color: #CEE5EA;
  --clock-text-color: #CEE5EA;
  --clock-mm-link: #CEE5EA;
  --dark-color: #fff;
  --light-bg-color: #0f414c;
  --salahScreen-day-text-color: #00829E;
  --salahScreen-night-text-color: #00829E ;
}
.yellowTheme {
  --clock-left-block: #FFFCD4D9;
  --clock-left-block-border: #FFFCD4D9;
  --clock-right-block: #F2E641;
  --clock-listing-header: #FFFCD4D9;
  --clock-listing-text-color: #F08200;
  --clock-text-color: #F08200;
  --clock-mm-link: #F08200;
  --dark-color: #fff;
  --light-bg-color: #53330d;
  --salahScreen-day-text-color: #F08200;
  --salahScreen-night-text-color: #F08200 ;
}
.yellowDarkTheme {
  --clock-left-block: #FFF682;
  --clock-left-block-border: #FFF682;
  --clock-right-block: #F3E856;
  --clock-listing-header: #FFF682;
  --clock-listing-text-color: #F08200;
  --clock-text-color: #F08200;
  --clock-mm-link: #F08200;
  --dark-color: #fff;
  --light-bg-color: #53330d;
  --salahScreen-day-text-color: #F08200;
  --salahScreen-night-text-color: #F08200 ;
}
.greenTheme {
  --clock-left-block: #2F843A;
  --clock-left-block-border: #2F843A;
  --clock-right-block: #003907;
  --clock-listing-header: #2F843A;
  --clock-listing-text-color: #D7C88C;
  --clock-text-color: #D7C88C;
  --clock-mm-link: #D7C88C;
  --dark-color: #fff;
  --light-bg-color: #09280d;
  --salahScreen-day-text-color: #3cae4b;
  --salahScreen-night-text-color: #1A5922;
}
.greenDarkTheme {
  --clock-left-block: #1A5922;
  --clock-left-block-border: #1A5922;
  --clock-right-block: #003907;
  --clock-listing-header: #1A5922;
  --clock-listing-text-color: #D7C88C;
  --clock-text-color: #D7C88C;
  --clock-mm-link: #D7C88C;
  --dark-color: #fff;
  --light-bg-color: #09280d;
  --salahScreen-day-text-color: #3cae4b;
  --salahScreen-night-text-color: #1A5922;
}
.tangaroaTheme {
  --clock-left-block: #90ACD1;
  --clock-left-block-border: #90ACD1;
  --clock-right-block: #041832;
  --clock-listing-header: #90ACD1;
  --clock-listing-text-color: #90ACD1;
  --clock-text-color: #041832;
  --clock-mm-link: #90ACD1;
  --dark-color: #fff;
  --light-bg-color: #062246;
  --salahScreen-day-text-color: #062246;
  --salahScreen-night-text-color: #062246;
}
.tangaroaDarkTheme {
  --clock-left-block: #062246;
  --clock-left-block-border: #062246;
  --clock-right-block: #041832;
  --clock-listing-header: #062246;
  --clock-listing-text-color: #96ACCA;
  --clock-text-color: #96ACCA;
  --clock-mm-link: #96ACCA;
  --dark-color: #fff;
  --light-bg-color: #062246;
  --salahScreen-day-text-color: #062246;
  --salahScreen-night-text-color: #062246;
}
.bismarkTheme {
  --clock-left-block: #C2DEF1;
  --clock-left-block-border: #C2DEF1;
  --clock-right-block: #456478;
  --clock-listing-header: #C2DEF1;
  --clock-listing-text-color: #C2DEF1;
  --clock-text-color: #456478;
  --clock-mm-link: #C2DEF1;
  --dark-color: #fff;
  --light-bg-color: #11354e;
  --salahScreen-day-text-color: #50738A;
  --salahScreen-night-text-color: #50738A;
}
.bismarkDarkTheme {
  --clock-left-block: #50738A;
  --clock-left-block-border: #50738A;
  --clock-right-block: #456478;
  --clock-listing-header: #50738A;
  --clock-listing-text-color: #C2DEF1;
  --clock-text-color: #C2DEF1;
  --clock-mm-link: #C2DEF1;
  --dark-color: #fff;
  --light-bg-color: #11354e;
  --salahScreen-day-text-color: #50738A;
  --salahScreen-night-text-color: #50738A;
}
.raspberryTheme {
  --clock-left-block: #FFC7E6;
  --clock-left-block-border: #FFC7E6;
  --clock-right-block: #822659;
  --clock-listing-header: #FFC7E6;
  --clock-listing-text-color: #FFC7E6;
  --clock-text-color: #822659;
  --clock-mm-link: #FFC7E6;
  --dark-color: #fff;
  --light-bg-color: #4e0f32;
  --salahScreen-day-text-color: #942C65;
  --salahScreen-night-text-color: #942C65;
}
.raspberryDarkTheme {
  --clock-left-block: #942C65;
  --clock-left-block-border: #942C65;
  --clock-right-block: #822659;
  --clock-listing-header: #942C65;
  --clock-listing-text-color: #FFC7E6;
  --clock-text-color: #FFC7E6;
  --clock-mm-link: #FFC7E6;
  --dark-color: #fff;
  --light-bg-color: #4e0f32;
  --salahScreen-day-text-color: #942C65;
  --salahScreen-night-text-color: #942C65;
}

/* src/styles.scss */
.events-messages-theme {
  --em-ink: #101820;
  --em-body: #3a403a;
  --em-secondary: #5f655c;
  --em-muted: #767c73;
  --em-label: #6b7168;
  --em-brand: #0f4238;
  --em-brand-pressed: #0b3229;
  --em-brand-on: #ffffff;
  --em-brand-tint: #e4ede7;
  --em-amber: #b8842b;
  --em-amber-tint: #f5eee0;
  --em-alert: #c0392b;
  --em-alert-tint: #fbecea;
  --em-alert-on-tint: #b04a3c;
  --em-info: #1e6fd9;
  --em-info-tint: #e7f0fc;
  --em-page: #f4f2ec;
  --em-surface: #ffffff;
  --em-surface-muted: #f7f5f0;
  --em-hairline: #efede6;
  --em-border: #e3dfd3;
  --em-skeleton: #ece9e1;
  --em-skeleton-sheen: #f6f4ee;
  --em-radius-card: 16px;
  --em-radius-tile: 12px;
  --em-radius-pill: 999px;
  --em-radius-button: 14px;
  --em-shadow-card: 0 1px 2px rgba(16, 24, 32, 0.06);
  --em-shadow-bar: 0 -2px 12px rgba(16, 24, 32, 0.08);
  --em-pad-page: 16px;
  --em-pad-card: 14px;
  --em-gap-card: 12px;
  --em-font:
    "Instrument Sans",
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --em-expired-opacity: 0.55;
  --em-hit: 44px;
  --em-fs-screen-title: clamp(19px, 4.6vw, 22px);
  --em-fs-detail-title: clamp(17px, 4.4vw, 20px);
  --em-fs-bar-title: clamp(13.5px, 3.6vw, 15px);
  --em-fs-card-title: clamp(13.5px, 3.5vw, 15px);
  --em-fs-section-title: clamp(15px, 3.9vw, 17px);
  --em-fs-body: clamp(12.5px, 3.3vw, 14px);
  --em-fs-value: clamp(12.5px, 3.2vw, 13.5px);
  --em-fs-meta: clamp(11px, 2.9vw, 12px);
  --em-fs-label: clamp(8.5px, 2.3vw, 9.5px);
  --em-fs-button: clamp(13.5px, 3.4vw, 14.5px);
  --em-fs-input: clamp(13.5px, 3.5vw, 15px);
  --em-fs-chip: clamp(12px, 3.1vw, 13.5px);
  --em-fs-hero-day: clamp(18px, 5vw, 22px);
  --em-fs-fee: clamp(15px, 4vw, 17px);
  --em-fs-eyebrow: clamp(9.5px, 2.5vw, 10.5px);
}
@media (prefers-color-scheme: dark) {
  .events-messages-theme {
    --em-ink: #f2f1ec;
    --em-body: #d8dad4;
    --em-secondary: #b3b8ae;
    --em-muted: #9aa096;
    --em-label: #9aa096;
    --em-brand: #3f8f7c;
    --em-brand-pressed: #357866;
    --em-brand-on: #06201a;
    --em-brand-tint: #1b3630;
    --em-amber: #e0ad5e;
    --em-amber-tint: #3a3122;
    --em-alert: #ef7a6c;
    --em-alert-tint: #3a2320;
    --em-alert-on-tint: #f0958a;
    --em-info: #7db0f2;
    --em-info-tint: #1e2c3f;
    --em-page: #14161a;
    --em-surface: #1d2025;
    --em-surface-muted: #23262c;
    --em-hairline: #2b2f35;
    --em-border: #343941;
    --em-skeleton: #262a30;
    --em-skeleton-sheen: #30353c;
    --em-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
    --em-shadow-bar: 0 -2px 12px rgba(0, 0, 0, 0.5);
  }
}
.light .events-messages-theme,
.events-messages-theme.light {
  --em-ink: #101820;
  --em-body: #3a403a;
  --em-secondary: #5f655c;
  --em-muted: #767c73;
  --em-label: #6b7168;
  --em-brand: #0f4238;
  --em-brand-pressed: #0b3229;
  --em-brand-on: #ffffff;
  --em-brand-tint: #e4ede7;
  --em-amber: #b8842b;
  --em-amber-tint: #f5eee0;
  --em-alert: #c0392b;
  --em-alert-tint: #fbecea;
  --em-alert-on-tint: #b04a3c;
  --em-info: #1e6fd9;
  --em-info-tint: #e7f0fc;
  --em-page: #f4f2ec;
  --em-surface: #ffffff;
  --em-surface-muted: #f7f5f0;
  --em-hairline: #efede6;
  --em-border: #e3dfd3;
  --em-skeleton: #ece9e1;
  --em-skeleton-sheen: #f6f4ee;
  --em-radius-card: 16px;
  --em-radius-tile: 12px;
  --em-radius-pill: 999px;
  --em-radius-button: 14px;
  --em-shadow-card: 0 1px 2px rgba(16, 24, 32, 0.06);
  --em-shadow-bar: 0 -2px 12px rgba(16, 24, 32, 0.08);
  --em-pad-page: 16px;
  --em-pad-card: 14px;
  --em-gap-card: 12px;
  --em-font:
    "Instrument Sans",
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --em-expired-opacity: 0.55;
  --em-hit: 44px;
  --em-fs-screen-title: clamp(19px, 4.6vw, 22px);
  --em-fs-detail-title: clamp(17px, 4.4vw, 20px);
  --em-fs-bar-title: clamp(13.5px, 3.6vw, 15px);
  --em-fs-card-title: clamp(13.5px, 3.5vw, 15px);
  --em-fs-section-title: clamp(15px, 3.9vw, 17px);
  --em-fs-body: clamp(12.5px, 3.3vw, 14px);
  --em-fs-value: clamp(12.5px, 3.2vw, 13.5px);
  --em-fs-meta: clamp(11px, 2.9vw, 12px);
  --em-fs-label: clamp(8.5px, 2.3vw, 9.5px);
  --em-fs-button: clamp(13.5px, 3.4vw, 14.5px);
  --em-fs-input: clamp(13.5px, 3.5vw, 15px);
  --em-fs-chip: clamp(12px, 3.1vw, 13.5px);
  --em-fs-hero-day: clamp(18px, 5vw, 22px);
  --em-fs-fee: clamp(15px, 4vw, 17px);
  --em-fs-eyebrow: clamp(9.5px, 2.5vw, 10.5px);
}
.dark .events-messages-theme,
.events-messages-theme.dark {
  --em-ink: #f2f1ec;
  --em-body: #d8dad4;
  --em-secondary: #b3b8ae;
  --em-muted: #9aa096;
  --em-label: #9aa096;
  --em-brand: #3f8f7c;
  --em-brand-pressed: #357866;
  --em-brand-on: #06201a;
  --em-brand-tint: #1b3630;
  --em-amber: #e0ad5e;
  --em-amber-tint: #3a3122;
  --em-alert: #ef7a6c;
  --em-alert-tint: #3a2320;
  --em-alert-on-tint: #f0958a;
  --em-info: #7db0f2;
  --em-info-tint: #1e2c3f;
  --em-page: #14161a;
  --em-surface: #1d2025;
  --em-surface-muted: #23262c;
  --em-hairline: #2b2f35;
  --em-border: #343941;
  --em-skeleton: #262a30;
  --em-skeleton-sheen: #30353c;
  --em-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
  --em-shadow-bar: 0 -2px 12px rgba(0, 0, 0, 0.5);
}
.events-messages-theme {
  font-family: var(--em-font);
  color: var(--em-body);
  background: var(--em-page);
  -webkit-tap-highlight-color: transparent;
}
.events-messages-theme *,
.events-messages-theme *::before,
.events-messages-theme *::after {
  box-sizing: border-box;
}
.em-card {
  background: var(--em-surface);
  border-radius: var(--em-radius-card);
  box-shadow: var(--em-shadow-card);
  display: block;
  width: 100%;
  padding: var(--em-pad-card);
  border: 0;
  text-align: inherit;
  color: inherit;
  font: inherit;
}
button.em-card {
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
button.em-card:focus-visible {
  outline: 2px solid var(--em-brand);
  outline-offset: 2px;
}
button.em-card:active {
  transform: scale(0.995);
}
.em-card.is-expired {
  opacity: var(--em-expired-opacity);
}
.em-divider {
  height: 1px;
  background: var(--em-hairline);
  border: 0;
  margin: 0;
}
.em-label {
  font-size: var(--em-fs-label);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--em-label);
  display: block;
}
.em-meta {
  font-size: var(--em-fs-meta);
  line-height: 1.45;
  color: var(--em-secondary);
  display: block;
}
.em-value {
  display: block;
  font-size: var(--em-fs-value);
  font-weight: normal;
  color: var(--em-ink);
}
.em-body-text {
  font-size: var(--em-fs-body);
  line-height: 1.6;
  color: var(--em-body);
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.em-pill {
  display: inline-flex;
  align-items: center;
  border-radius: var(--em-radius-pill);
  padding: 3px 8px;
  font-size: var(--em-fs-label);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.em-pill--info {
  background: var(--em-info-tint);
  color: var(--em-info);
}
.em-pill--live {
  background: var(--em-brand-tint);
  color: var(--em-brand);
}
.em-pill--brand {
  background: var(--em-brand-tint);
  color: var(--em-brand);
}
.em-pill--alert {
  background: var(--em-alert-tint);
  color: var(--em-alert-on-tint);
}
.em-pill--muted {
  background: var(--em-surface-muted);
  color: var(--em-muted);
  border: 1px solid var(--em-border);
}
.em-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: var(--em-radius-tile);
  background: var(--em-surface-muted);
  color: var(--em-secondary);
}
.em-tile--event {
  background: var(--em-brand-tint);
  color: var(--em-brand);
}
.em-tile--alert {
  background: var(--em-alert-tint);
  color: var(--em-alert);
}
.em-tile--text {
  background: var(--em-surface-muted);
  color: var(--em-secondary);
}
.em-tile--image {
  background: var(--em-amber-tint);
  color: var(--em-amber);
}
.em-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--em-hit);
  padding: 12px 20px;
  border-radius: var(--em-radius-button);
  border: 1px solid transparent;
  font-family: inherit;
  font-size: var(--em-fs-button);
  font-weight: normal;
  cursor: pointer;
  transition:
    background 0.12s ease,
    border-color 0.12s ease,
    opacity 0.12s ease;
}
.em-btn:focus-visible {
  outline: 2px solid var(--em-brand);
  outline-offset: 2px;
}
.em-btn--primary {
  background: var(--em-brand);
  color: var(--em-brand-on);
}
.em-btn--primary:hover:not(:disabled) {
  background: var(--em-brand-pressed);
}
.em-btn--secondary {
  background: var(--em-surface);
  color: var(--em-ink);
  border-color: var(--em-border);
}
.em-btn--secondary:hover:not(:disabled) {
  background: var(--em-surface-muted);
}
.em-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.em-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--em-hit);
  height: var(--em-hit);
  border-radius: var(--em-radius-pill);
  border: 0;
  background: var(--em-surface-muted);
  color: var(--em-ink);
  cursor: pointer;
}
.em-icon-btn:focus-visible {
  outline: 2px solid var(--em-brand);
  outline-offset: 2px;
}
.em-icon-btn:hover {
  background: var(--em-hairline);
}
.em-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .events-messages-theme * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #455a64;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
body {
  overflow-x: hidden;
  color: #4e4e4e;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}
ul {
  padding: 0px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-6OV2DL2Q.css.map */