/* Example labels use the original weather containers and map boundaries. */
.card .mc61[data-preview89-sample]{display:block}
.card .sun63[data-preview89-sample]{display:grid;gap:1px;max-width:132px;padding:3px 6px}
.sun63 .preview89-label{display:block;font:500 11px/14px Kanit,sans-serif;color:#ffdc99;white-space:nowrap}
.card .mc61[data-preview89-sample] .mc61-note,.bkk70[data-preview89-sample] .bkk70-note{font-size:11px;line-height:1.15;color:#ffdc99;white-space:normal}
.wx58[data-preview89-sample] .wx58-source{color:#ffdc99}
.wx58.wx58-compact[data-preview89-sample]{white-space:normal;overflow-wrap:anywhere}
.wx58 .preview89-compact-label{display:block;font-size:9px;line-height:11px}
.preview89-info{margin:5px 12px;padding:6px 8px;border:1px solid rgba(255,211,143,.25);border-radius:8px;background:rgba(255,211,143,.06);color:#f5dfba;font:400 12px/1.45 "IBM Plex Sans Thai",sans-serif;overflow-wrap:anywhere;flex:none}
#vlb .vlb-in{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
#ipNetNote{font-size:12px;line-height:1.35}
@media(max-height:650px){.card .sun63[data-preview89-sample]{display:grid;grid-template-columns:repeat(2,max-content);gap:0 7px;padding:2px 5px;max-width:none}.card .sun63[data-preview89-sample] .preview89-label{grid-column:1 / -1;font-size:10px;line-height:11px;text-align:center}.card .sun63[data-preview89-sample] .sun63-row{justify-content:space-between}.card .sun63[data-preview89-sample] time{font-size:11px;line-height:12px}.card .sun63[data-preview89-sample] svg{width:12px;height:12px;flex-basis:12px}.card .sun63[data-preview89-sample]::before{content:none}}