#root,body,html{box-sizing:border-box;height:100%;margin:0;overflow:hidden;width:100%}*{box-sizing:inherit}@media (max-width:960px){#root,body,html{height:auto;max-height:none;min-height:100%}body,html{overflow-x:hidden;overflow-y:auto}#root{overflow:visible}}:root{--accent-color:#eba61b;--panel-bg:linear-gradient(135deg,#4242424d,#21212199,#37373733);--danger-bg:#b40000bf;--panel-radius:20px}.App{background-attachment:fixed;background-color:#161616;background-image:var(--bg-desktop-webp);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#fff;direction:rtl;display:flex;flex-direction:column;font-family:Varela Round,sans-serif;font-size:clamp(16px,1.25vw,24px);height:100%;line-height:1.15;overflow:hidden;padding:clamp(8px,1vw,14px);position:relative;text-align:center;width:100%}@font-face{font-display:swap;font-family:Varela Round;font-style:normal;font-weight:400;src:url(/static/media/VarelaRound-Regular.817e4c96eeb84629c1c0.woff2) format("woff2")}@supports ((background-image:-webkit-image-set(url("data) or (background-image: image-set(url("data)) { .App { background-image:-webkit-image-set(var(--bg-desktop-avif ) type("image/avif"),var(--bg-desktop-webp ) type("image/webp")); background-image:image-set(var(--bg-desktop-avif ) type("image/avif"),var(--bg-desktop-webp ) type("image/webp")); } } img { filter:drop-shadow(5px 5px 5px #222); } h1 { margin:0 0 10px; padding:4px; border-radius:20px; border-radius:var(--panel-radius ); background-color:rgba(0,0,0,0.27); color:rgb(235,166,27); color:var(--accent-color ); font-size:clamp(22px,1.8vw,36px); font-weight:900; text-align:center; text-shadow:2px 2px #000; line-height:1.2; } h2 { margin:2px 8px 8px; color:#fff; font-size:clamp(20px,1.5vw,28px); font-weight:700; text-align:start; text-decoration:underline; text-underline-offset:4px; text-shadow:2px 2px #000; } .colored { color:rgb(235,166,27); color:var(--accent-color ); text-shadow:2px 2px #000; } .bold { font-weight:900; } .glass { margin:5px; padding:12px; border-radius:20px; border-radius:var(--panel-radius ); background-image:linear-gradient(135deg,rgba(66,66,66,0.3),rgba(33,33,33,0.6),rgba(55,55,55,0.2)); background-image:var(--panel-bg ); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-sizing:border-box; box-shadow:0 4px 8px rgba(0,0,0,0.2),0 6px 20px rgba(0,0,0,0.19); } .row { display:flex; flex-direction:row; align-items:stretch; box-sizing:border-box; min-width:0; min-height:0; } .container { display:flex; flex-direction:column; align-items:stretch; justify-content:center; box-sizing:border-box; min-width:0; min-height:0; } .segment:not(:first-of-type) { margin-top:20px; } .detail { font-size:clamp(16px,1.05vw,24px); line-height:1.2; margin:0; min-width:0; } .blinking { animation:blink 2s linear infinite; } .red { background-color:rgba(180,0,0,0.75); background-color:var(--danger-bg ); } .greyedout { opacity:0.3; } .message-html,.message-html *,.message-text { max-width:100%; overflow-wrap:anywhere; } .message-html,.message-text { text-align:center; font-size:clamp(16px,1.5vw,38px); line-height:1.32; } .message-text { white-space:pre-wrap; unicode-bidi:plaintext; } .message-html p,.message-html ul,.message-html ol,.message-html h1,.message-html h2,.message-html h3,.message-html h4 { margin-top:0.35em; margin-bottom:0.35em; } .birthday-message { font-size:60px; text-align:center; } .birthday-message-name { font-size:90px; } .birthday-message-contact,.memorial-message { font-size:36px; } .memorial-message-name-block,.memorial-message-details { margin-bottom:36px; } .memorial-message-name { font-size:64px; } .screen-grid { flex:1 1; min-height:0; gap:4px; } .screen-left-column { flex:0.95 1; min-height:0; justify-content:flex-start; } .screen-left-column .zmanim-panel { flex:1 1; min-height:0; } .screen-left-column .learning-panel,.screen-left-column .extras-panel { flex:0 0 auto; min-height:-webkit-fit-content; min-height:-moz-fit-content; min-height:fit-content; } .screen-left-column .learning-panel .panel-content,.screen-left-column .extras-panel .panel-content { flex:0 0 auto; min-height:auto; overflow:visible; } .screen-right-column { flex:3.35 1; min-height:0; } .screen-bottom-row { flex:1 1; min-height:0; align-items:stretch; } .schedule-container { flex:1 1; min-height:0; justify-content:flex-start; } .panel-fit { min-height:0; overflow:hidden; position:relative; } .panel-content { flex:1 1; min-height:0; display:flex; flex-direction:column; justify-content:flex-start; gap:4px; overflow:hidden; } .panel-content-static { overflow:hidden; } .panel-content-scroll { overflow-y:auto; overflow-x:hidden; scrollbar-width:none; } .panel-content-scroll::-webkit-scrollbar { display:none; } .panel-placeholder { width:100%; min-height:2.35em; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.72); text-align:center; } .sync-status { position:absolute; left:18px; bottom:14px; z-index:20; display:inline-flex; align-items:center; gap:7px; max-width:min(420px,calc(100% - 36px)); padding:6px 10px; border:1px solid rgba(255,255,255,0.18); border-radius:999px; background:rgba(20,20,20,0.86); box-shadow:0 3px 12px rgba(0,0,0,0.28); color:rgba(255,255,255,0.92); font-size:14px; line-height:1.2; text-align:start; pointer-events:none; } .sync-status-dot { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:rgb(235,166,27); background:var(--accent-color ); } .sync-status--stale .sync-status-dot { animation:status-pulse 2s ease-in-out infinite; } .zmanim-panel .detail,.extras-panel .detail,.learning-panel .detail { font-size:clamp(16px,1.05vw,22px); padding:5px 10px; } .zmanim-panel .panel-content,.extras-panel .panel-content,.learning-panel .panel-content { gap:2px; } .zmanim-panel h1,.extras-panel h1,.learning-panel h1 { margin-bottom:8px; font-size:clamp(20px,1.4vw,30px); } .panel-row { min-height:2.35em; line-height:1.3; white-space:normal; } .panel-item { border-radius:calc(20px - 4px); border-radius:calc(var(--panel-radius ) - 4px); border:1px solid rgba(255,255,255,0.06); background:linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.14)); box-shadow:inset 0 1px 0 rgba(255,255,255,0.05); padding:8px 12px; margin:3px 0; overflow:visible; } .panel-item-main { min-width:0; overflow-wrap:anywhere; word-break:break-word; } .panel-item-side { flex:0 0 auto; text-align:left; white-space:nowrap; } .panel-item.red { background-color:rgba(180,0,0,0.75); background-color:var(--danger-bg ); } .panel-item--schedule { width:100%; box-sizing:border-box; margin:1px 0; padding-left:7px; padding-right:8px; } .schedule-card { padding-top:10px; padding-bottom:10px; } .schedule-card--with-meta { padding-top:12px; padding-bottom:12px; } .schedule-card--shiur { margin-top:2px; margin-bottom:2px; } .schedule-card-main { display:grid; grid-template-columns:70px minmax(0,1fr); align-items:flex-start; grid-column-gap:8px; column-gap:8px; min-width:0; } .schedule-time { width:70px; text-align:left; white-space:nowrap; } .schedule-text { display:flex; flex-direction:column; min-width:0; text-align:right; overflow-wrap:anywhere; word-break:break-word; } .schedule-title { line-height:1.3; } .schedule-meta { margin-top:4px; font-size:clamp(14px,0.95vw,18px); line-height:1.32; overflow-wrap:anywhere; word-break:break-word; text-align:start; } .schedule-divider { opacity:0.85; margin-right:7px; margin-left:7px; } .panel-measure { position:absolute; top:0; left:0; right:0; height:auto; max-height:none; overflow:visible; visibility:hidden; pointer-events:none; z-index:-1; padding:0 2px; } .pagination-dots { display:flex; justify-content:center; align-items:center; gap:5px; margin-top:5px; min-height:12px; } .pagination-dot { width:6px; height:6px; border-radius:999px; background-color:rgba(255,255,255,0.4); transition:transform 180ms ease,background-color 180ms ease,opacity 180ms ease; opacity:0.75; } .pagination-dot.active { transform:scale(1.3); background-color:rgb(235,166,27); background-color:var(--accent-color ); opacity:1; } .header-panel { justify-content:space-between; align-items:flex-start; text-shadow:2px 2px #000; min-height:0; } .header-side { min-width:0; } .header-main-side { align-items:flex-start; margin-right:8px; text-align:right; } .header-time-side { align-items:flex-end; margin-left:8px; text-align:left; } .header-main-title { font-size:clamp(38px,4.2vw,86px); font-weight:700; line-height:1.05; white-space:nowrap; } .header-secondary-title { font-size:clamp(24px,2.5vw,44px); font-weight:700; line-height:1.1; } .header-description { font-size:clamp(18px,1.8vw,32px); line-height:1.15; } .segment-title-inline { margin:6px 8px; } .messages-panel .panel-content { justify-content:stretch; } .messages-content { min-height:0; } .panel-item--message { flex:1 1; min-height:0; display:flex; align-items:center; justify-content:center; overflow:auto; padding:10px 14px; } .panel-item--message > * { max-width:100%; } @keyframes blink { 40% { background-color:rgba(180,0,0,0.75); background-color:var(--danger-bg ); } } @keyframes status-pulse { 50% { opacity:0.35; } } @media (max-width:1200px) { .App { padding:8px; } h1 { margin-bottom:8px; } .header-main-title { white-space:normal; } } @media (max-width:960px) { .App { width:100%; height:auto; min-height:100dvh; padding:6px; overflow:visible; background-attachment:scroll; background-image:var(--bg-mobile-webp ); font-size:18px; line-height:1.35; } @supports ((background-image:-webkit-image-set(url("data) or (background-image: image-set(url("data)) { .App { background-image:-webkit-image-set(var(--bg-mobile-avif ) type("image/avif"),var(--bg-mobile-webp ) type("image/webp")); background-image:image-set(var(--bg-mobile-avif ) type("image/avif"),var(--bg-mobile-webp ) type("image/webp")); } } .screen-grid { flex:none; width:100%; min-height:auto; flex-direction:column; gap:0; } .screen-right-column,.screen-left-column { flex:none; width:100%; min-height:auto; } .screen-right-column { order:1; } .screen-left-column { order:2; } .screen-bottom-row { flex:none; min-height:auto; flex-direction:column; } .messages-panel,.schedule-container,.screen-left-column .zmanim-panel,.screen-left-column .learning-panel,.screen-left-column .extras-panel { flex:none !important; width:auto; min-height:auto; } .glass { margin:4px; padding:10px; } .panel-fit,.panel-content,.panel-content-static,.panel-content-scroll,.screen-left-column .learning-panel .panel-content,.screen-left-column .extras-panel .panel-content { min-height:auto; overflow:visible; } .panel-content { flex:none; } h1 { margin-bottom:8px; font-size:24px; } h2 { font-size:20px; } .detail,.zmanim-panel .detail,.extras-panel .detail,.learning-panel .detail { font-size:17px; line-height:1.35; } .header-panel { flex-wrap:wrap; align-items:flex-start; gap:8px; } .header-main-side { flex:1 1 55%; margin-right:0; } .header-time-side { flex:0 1 auto; margin-left:0; } .header-main-title { font-size:clamp(32px,9.5vw,40px); line-height:1.08; white-space:normal; } .header-time-side .header-main-title { font-size:clamp(28px,8vw,34px); white-space:nowrap; } .header-secondary-title { font-size:20px; line-height:1.2; } .header-description { font-size:17px; line-height:1.3; } .panel-item--message { flex:none; min-height:190px; padding:20px 14px; overflow:visible; } .message-html,.message-text { width:100%; font-size:clamp(20px,6.2vw,28px); line-height:1.45; } .message-html * { max-width:100%; font-size:inherit !important; } .message-html h1,.message-html h2,.message-html h3,.message-html h4 { font-size:1.2em !important; } .message-html img { height:auto; } .message-html table { display:block; overflow-x:auto; } .birthday-message { font-size:24px; line-height:1.35; } .birthday-message-name { font-size:36px; } .birthday-message-contact,.memorial-message { font-size:21px; } .memorial-message-name-block,.memorial-message-details { margin-bottom:16px; } .memorial-message-name { font-size:34px; } .schedule-card-main { grid-template-columns:62px minmax(0,1fr); } .schedule-time { width:62px; } .schedule-meta { font-size:15px; } .sync-status { position:fixed; left:10px; right:10px; bottom:10px; max-width:none; justify-content:center; font-size:13px; } } @media (prefers-reduced-motion:reduce) { .blinking,.sync-status-dot { animation:none; } }
/*# sourceMappingURL=main.5fbb5b73.css.map*/