/* NOVOSONIC Signage – slides for integrations. All sizes in container units of the slide.
   The element around a slide must be a size container (the player stage and the admin preview are). */
.w-slide{position:absolute;inset:0;container-type:size;overflow:hidden;font-family:"Bahnschrift","DIN Alternate","Segoe UI",Roboto,Arial,sans-serif;
  color:#F3F6F8;background:radial-gradient(120% 120% at 0% 0%,#22394D 0%,#0E1419 70%);display:flex}
.w-msg{align-items:center;justify-content:center;text-align:center;padding:8cqmin;font-size:4cqmin;color:#C9D3DB}

/* weather */
.w-weather{padding:6cqmin;gap:5cqmin;align-items:stretch}
.ww-now{flex:1.1;display:flex;flex-direction:column;justify-content:center;min-width:0}
.ww-place{font-size:5cqmin;font-weight:700;color:#F2A900;letter-spacing:.02em}
.ww-main{display:flex;align-items:center;gap:3cqmin;margin:2cqmin 0}
.ww-icon{font-size:22cqmin;line-height:1}
.ww-temp{font-size:26cqmin;font-weight:700;line-height:1}
.ww-desc{font-size:5.5cqmin}
.ww-meta{font-size:3.4cqmin;color:#AFC0CD;margin-top:1.2cqmin}
.ww-days{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2cqmin;align-content:center}
.ww-day{background:rgba(255,255,255,.07);border-radius:2cqmin;padding:3cqmin 1cqmin;text-align:center;display:flex;flex-direction:column;gap:1.2cqmin;justify-content:center}
.ww-dname{font-size:3.8cqmin;text-transform:capitalize;color:#C9D3DB}
.ww-dicon{font-size:10cqmin;line-height:1.1}
.ww-dtemp{font-size:4.2cqmin}.ww-dtemp b{font-size:5.2cqmin}
.ww-drain{font-size:2.8cqmin;color:#9FC5E8}
@container (max-aspect-ratio: 1/1){ .w-weather{flex-direction:column} .ww-now{flex:0 0 auto} .ww-days{grid-auto-flow:row;grid-auto-rows:1fr} .ww-day{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5cqmin 4cqmin} }

/* RSS / news: one item */
.w-rss{background:#0E1419}
.wr-img{flex:0 0 46%;background-size:cover;background-position:center}
.wr-body{flex:1;padding:6cqmin;display:flex;flex-direction:column;justify-content:center;gap:2.4cqmin;min-width:0}
.wr-body.wide{padding:8cqmin 10cqmin}
.wr-src{font-size:3.4cqmin;color:#F2A900;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.wr-title{font-size:6.4cqmin;font-weight:700;line-height:1.15;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.wr-text{font-size:3.6cqmin;line-height:1.4;color:#C9D3DB;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.wr-dots{display:flex;gap:1.2cqmin;margin-top:1cqmin}.wr-dots span{width:1.6cqmin;height:1.6cqmin;border-radius:50%;background:rgba(255,255,255,.25)}.wr-dots span.on{background:#F2A900}
@container (max-aspect-ratio: 1/1){ .w-rss{flex-direction:column} .wr-img{flex:0 0 42%} }
/* RSS / news: list */
.w-rsslist{flex-direction:column;padding:6cqmin 7cqmin}
.wr-head{font-size:5cqmin;font-weight:700;color:#F2A900;margin-bottom:3cqmin}
.wr-list{margin:0;padding-left:5cqmin;display:flex;flex-direction:column;gap:2.4cqmin;font-size:4.2cqmin;line-height:1.25}
.wr-list li::marker{color:#F2A900;font-weight:700}

/* NS departures */
.w-ns{flex-direction:column;background:#003082;padding:4cqmin 5cqmin}
.wn-head{display:flex;justify-content:space-between;align-items:center;font-size:5cqmin;font-weight:700;color:#FFC917;margin-bottom:2cqmin}
.wn-clock{color:#fff}
.wn-table{width:100%;border-collapse:collapse;font-size:3.8cqmin}
.wn-table th{text-align:left;font-size:2.8cqmin;color:#B9C7E6;font-weight:400;padding:0 1.5cqmin 1cqmin;border-bottom:.3cqmin solid rgba(255,255,255,.25)}
.wn-table td{padding:1.4cqmin 1.5cqmin;border-bottom:.2cqmin solid rgba(255,255,255,.12);vertical-align:top}
.wn-table td.t{white-space:nowrap;font-weight:700;width:1%}
.wn-table td.p{text-align:center;font-weight:700;width:1%;white-space:nowrap}
.wn-table td.p.ch{background:#FFC917;color:#003082;border-radius:1cqmin}
.wn-table td.k{color:#B9C7E6;font-size:3cqmin;width:1%;white-space:nowrap}
.wn-table .dl{color:#FF8A80;font-size:3cqmin}
.wn-table .nt{font-size:2.6cqmin;color:#FFC917}
.wn-table tr.cx td{color:#9DAAC8;text-decoration:line-through}.wn-table tr.cx .cxl{text-decoration:none;display:inline-block;background:#DB0029;color:#fff;font-size:2.6cqmin;padding:.3cqmin 1cqmin;border-radius:.8cqmin;margin-left:1cqmin}

/* birthdays */
.w-bday{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5cqmin;gap:4cqmin;background:radial-gradient(120% 120% at 50% 0%,#3A2C5C 0%,#0E1419 75%)}
.wb-confetti{font-size:14cqmin;line-height:1}
.wb-head{font-size:7cqmin;font-weight:700;color:#F2A900}
.wb-names{font-size:9cqmin;font-weight:700;line-height:1.15}
.wb-soon{background:rgba(255,255,255,.07);border-radius:2cqmin;padding:2.4cqmin 4cqmin;min-width:60%}
.wb-sh{font-size:3.2cqmin;color:#C9D3DB;margin-bottom:1cqmin}
.wb-row{display:flex;justify-content:space-between;gap:4cqmin;font-size:3.6cqmin;padding:.8cqmin 0}
.wb-row span:last-child{color:#C9D3DB}
.w-bday.only-soon .wb-soon{min-width:70%;padding:4cqmin 5cqmin}.w-bday.only-soon .wb-sh{font-size:5cqmin;color:#F2A900;font-weight:700}.w-bday.only-soon .wb-row{font-size:4.6cqmin}

/* on this day */
.w-otd{flex-direction:column;padding:5cqmin 6cqmin}
.wo-head{font-size:5cqmin;font-weight:700;color:#F2A900;margin-bottom:3cqmin}
.wo-list{flex:1;display:flex;flex-direction:column;gap:3cqmin;justify-content:center}
.wo-ev{display:flex;gap:3cqmin;align-items:center;background:rgba(255,255,255,.06);border-radius:2cqmin;overflow:hidden}
.wo-img{flex:0 0 22cqmin;align-self:stretch;min-height:18cqmin;background-size:cover;background-position:center}
.wo-txt{padding:2.4cqmin 3cqmin 2.4cqmin 0;font-size:3.6cqmin;line-height:1.35}
.wo-ev:not(:has(.wo-img)) .wo-txt{padding-left:3cqmin}
.wo-year{font-size:5.4cqmin;font-weight:700;color:#F2A900}

/* quote */
.w-quote{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8cqmin 10cqmin;background:radial-gradient(120% 120% at 50% 100%,#24543C 0%,#0E1419 75%)}
.wq-head{font-size:3.6cqmin;color:#F2A900;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4cqmin}
.wq-text{margin:0;font-size:7.4cqmin;font-weight:700;line-height:1.25}
.wq-text::before{content:"“";color:#F2A900}.wq-text::after{content:"”";color:#F2A900}

/* advertisement */
.w-ad{background:#1D3B53}
.wa-img{flex:0 0 50%;background-size:cover;background-position:center}
.lay-right .wa-img{order:2}
.lay-full .wa-img{position:absolute;inset:0}
.lay-full .wa-body{position:relative;margin-top:auto;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.75) 35%)}
.wa-body{flex:1;padding:7cqmin;display:flex;flex-direction:column;justify-content:center;gap:3cqmin;min-width:0}
.wa-head{font-size:8cqmin;font-weight:700;line-height:1.1}
.wa-text{font-size:4cqmin;line-height:1.4;opacity:.92}
.wa-foot{display:flex;align-items:center;gap:3cqmin;flex-wrap:wrap;margin-top:1cqmin}
.wa-price{font-size:6cqmin;font-weight:700;color:#1A1300;padding:1cqmin 3cqmin;border-radius:1.6cqmin}
.wa-cta{font-size:4cqmin;font-weight:700;border:.4cqmin solid currentColor;padding:1cqmin 3cqmin;border-radius:1.6cqmin}
.wa-qr{width:20cqmin;height:20cqmin;background:#fff;border-radius:1.4cqmin;padding:1cqmin;margin-left:auto}
.wa-qr svg{width:100%;height:100%;display:block}
@container (max-aspect-ratio: 1/1){ .w-ad:not(.lay-full){flex-direction:column} .w-ad:not(.lay-full) .wa-img{flex:0 0 48%} }

/* web page */
.w-url{background:#fff}
.w-url iframe{border:0;transform-origin:0 0;position:absolute;left:0;top:0}
