.dbms-weather-drop{position: relative;align-items: center;gap: clamp(6px,1vw,9px);box-sizing: border-box;padding: clamp(4px,1.2vw,6px) clamp(8px,2.2vw,14px);border-radius: 999px;box-shadow: 0 2px 10px rgba(0,0,0,.09);transition: box-shadow .15s ease,background-color .15s ease}.dbms-weather-drop:has(> .dbms-weather-strip){flex: 0 1 auto;min-width: 0}.dbms-weather-drop > .dbms-weather-strip{flex: 0 1 auto;width: 122px;max-width: 100%}.dbms_weather_strip_container:has(> .dbms-weather-drop){container-type: inline-size;container-name: dbms-weather-slot;min-width: 167px}@container dbms-weather-slot (min-width: 216px){.dbms-weather-drop > .dbms-weather-strip{width: 166px}}@container dbms-weather-slot (min-width: 250px){.dbms-weather-drop > .dbms-weather-strip{width: 188px}}@container dbms-weather-slot (min-width: 324px){.dbms-weather-drop > .dbms-weather-strip{width: 262px}}@container dbms-weather-slot (min-width: 348px){.dbms-weather-drop > .dbms-weather-strip{width: 301px}}.dbms-weather-drop:hover{box-shadow: 0 4px 16px rgba(0,0,0,.14)}.dbms-weather-drop.heeft-alarm--geel{background: #fffaea;box-shadow: inset 0 0 0 1.5px #e0a800,0 2px 10px rgba(0,0,0,.09)}.dbms-weather-drop.heeft-alarm--oranje{background: #fff4e8;box-shadow: inset 0 0 0 1.5px #e07b00,0 2px 10px rgba(0,0,0,.09)}.dbms-weather-drop.heeft-alarm--rood{background: #fdecef;box-shadow: inset 0 0 0 1.5px var(--dbms-red,#CC0737),0 2px 10px rgba(0,0,0,.09)}.dbms-weather-drop.heeft-alarm--geel:hover{box-shadow: inset 0 0 0 1.5px #e0a800,0 4px 16px rgba(0,0,0,.14)}.dbms-weather-drop.heeft-alarm--oranje:hover{box-shadow: inset 0 0 0 1.5px #e07b00,0 4px 16px rgba(0,0,0,.14)}.dbms-weather-drop.heeft-alarm--rood:hover{box-shadow: inset 0 0 0 1.5px var(--dbms-red,#CC0737),0 4px 16px rgba(0,0,0,.14)}.dbms-weather-drop:has(> .dbms-weather-strip[aria-expanded="true"]){box-shadow: 0 6px 22px rgba(0,0,0,.16)}.dbms-weather-drop::after{content: "";flex: 0 0 auto;width: .7em;height: .7em;background-color: rgba(23,32,51,.45);-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m5 9 7 7 7-7'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m5 9 7 7 7-7'/%3E%3C/svg%3E");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain;transition: transform .15s ease}.dbms-weather-drop:has(> .dbms-weather-strip[aria-expanded="true"])::after{transform: rotate(180deg)}.dbms-weather-drop.is-huidig::after,.dbms-weather-drop:has(> .dbms-weather-strip[aria-expanded="true"])::after{background-color: var(--dbms-red,#CC0737)}.dbms-weather-drop.is-huidig > .dbms-weather-strip,.dbms-weather-drop.is-huidig > .dbms-weather-strip .dbms-weather-strip__item strong,.dbms-weather-drop.is-huidig > .dbms-weather-strip .dbms-weather-strip__rain-mm,.dbms-weather-drop > .dbms-weather-strip[aria-expanded="true"],.dbms-weather-drop > .dbms-weather-strip[aria-expanded="true"] .dbms-weather-strip__item strong,.dbms-weather-drop > .dbms-weather-strip[aria-expanded="true"] .dbms-weather-strip__rain-mm{color: var(--dbms-red,#CC0737) !important}.dbms-weather-drop.is-huidig > .dbms-weather-strip .dbms-weather-strip__icon,.dbms-weather-drop > .dbms-weather-strip[aria-expanded="true"] .dbms-weather-strip__icon{background-color: var(--dbms-red,#CC0737) !important}.dbms-weather-drop .dbms-weather-strip__item strong,.dbms-weather-drop .dbms-weather-strip__icon,.dbms-weather-drop .dbms-weather-strip__rain-mm{transition: color .15s ease,background-color .15s ease}@media (prefers-reduced-motion: reduce){.dbms-weather-drop .dbms-weather-strip__item strong,.dbms-weather-drop .dbms-weather-strip__icon,.dbms-weather-drop .dbms-weather-strip__rain-mm{transition: none}}@media (max-width: 560px){.dbms-weather-drop{padding: 4px 9px;gap: 6px}.dbms_weather_strip_container:has(.dbms-weather-drop){min-width: min(226px,calc(100vw - 130px))}}@media (prefers-reduced-motion: reduce){.dbms-weather-drop,.dbms-weather-drop::after{transition: none}}.dbms-weather-drop .dbms-weather-strip__sep{width: 1px;height: 1em;flex: 0 0 1px;background: rgba(23,32,51,.16)}.dbms-weather-drop .dbms-weather-strip__bar.is-none{opacity: .45}.dbms-weather-drop:has(> .dbms-weather-strip[hidden]){display: none}.dbms-weather-drop:has(> .dbms-weather-strip[role="button"]){cursor: pointer}.dbms-weather-drop__panel{cursor: auto}.dbms-weather-drop > .dbms-weather-strip[role="button"]:focus-visible{outline: none}.dbms-weather-drop:has(> .dbms-weather-strip[role="button"]:focus-visible){outline: 2px solid var(--dbms-blue,#08BAEE);outline-offset: 2px}.dbms-weather-drop__panel{position: fixed;top: var(--dbms-weather-drop-top,64px);left: var(--dbms-weather-drop-left,8px);z-index: 100000;width: min(360px,calc(100vw - 32px));max-height: min(70vh,620px);overflow: auto;box-sizing: border-box;padding: 13px;border-radius: 10px;background: #fff;box-shadow: 0 15px 40px rgba(0,0,0,.12);color: #172033;font-size: 14px;line-height: 1.45;text-align: left;white-space: normal;animation: dbms-weather-drop-in .16s ease-out}.dbms-weather-drop__panel[hidden]{display: none}@keyframes dbms-weather-drop-in{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: translateY(0)}}@media (prefers-reduced-motion: reduce){.dbms-weather-drop__panel{animation: none}}.dbms-weather-drop__sluit{position: sticky;top: 0;float: right;margin: -4px -4px 0 0;display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;padding: 0;border: 0;border-radius: 50%;background: #fff;box-shadow: 0 1px 6px rgba(15,23,42,.18);color: #6b7280;font-size: 20px;line-height: 1;cursor: pointer;z-index: 3}.dbms-weather-drop__sluit:hover,.dbms-weather-drop__sluit:focus-visible{background: rgba(23,32,51,.07);color: #172033}.dbms-weather-drop__alarm{flex: 0 0 auto;width: 1.05em;height: 1.05em;background-color: #9aa3b2;-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2.5 1.5 21h21L12 2.5Zm0 5.2c.6 0 1 .5 1 1.1l-.3 5a.7.7 0 0 1-1.4 0l-.3-5c0-.6.4-1.1 1-1.1Zm0 9.1a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2.5 1.5 21h21L12 2.5Zm0 5.2c.6 0 1 .5 1 1.1l-.3 5a.7.7 0 0 1-1.4 0l-.3-5c0-.6.4-1.1 1-1.1Zm0 9.1a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain}.dbms-weather-drop__alarm.is-geel{background-color: #e6b10e}.dbms-weather-drop__alarm.is-oranje{background-color: var(--dbms-orange,#F18C00)}.dbms-weather-drop__alarm.is-rood{background-color: var(--dbms-red,#CC0737)}.dbms-weather-drop__alerts{margin: 0 0 10px;padding: 0;list-style: none}.dbms-weather-drop__alerts li{margin: 0;padding: 4px 2px;list-style: none}.dbms-weather-drop__alerts li::marker{content: none}.dbms-weather-drop__alert{display: block;width: 100%;box-sizing: border-box;padding: 14px 10px 16px;border-top: 4px solid #9aa3b2;border-bottom: 2px solid #9aa3b2;background: rgba(23,32,51,.04);font-size: 12px;line-height: 1.35}.dbms-weather-drop__alert + .dbms-weather-drop__alert{margin-top: 4px}.dbms-weather-drop__alert.is-geel{border-top-color: #f3c83e;border-bottom-color: #f3c83e}.dbms-weather-drop__alert.is-oranje{border-top-color: var(--dbms-orange,#F18C00);border-bottom-color: var(--dbms-orange,#F18C00)}.dbms-weather-drop__alert.is-rood{border-top-color: var(--dbms-red,#CC0737);border-bottom-color: var(--dbms-red,#CC0737)}.dbms-weather-drop__alert strong{display: block;font-weight: 700}.dbms-weather-drop__alert span{display: block;color: #4b5563}.dbms-weather-drop__alert span.dbms-weather-drop__alert-tekst{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;white-space: pre-line}.dbms-weather-drop__alert span.dbms-weather-drop__alert-tekst.is-open{display: block;max-height: 40vh;overflow: auto}.dbms-weather-drop__alert-meer-knop{margin-top: 2px;padding: 0;border: 0;background: none;color: #4b5563;font: inherit;font-size: 11.5px;font-weight: 700;text-decoration: underline;cursor: pointer}.dbms-weather-drop__alert-meer-knop[hidden]{display: none}.dbms-weather-drop__alert-meer{margin-top: 4px;color: #6b7280;font-size: 11.5px}.dbms-weather-drop__now{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.dbms-weather-drop__emoji{font-size: 22px;line-height: 1}.dbms-weather-drop__temp{font-size: 20px;font-weight: 700;line-height: 1.1}.dbms-weather-drop__label{flex: 1 1 auto;min-width: 0;font-size: 14px;font-weight: 700;line-height: 1.15}.dbms-weather-drop__bewolking{color: #6b7280;font-weight: 400}.dbms-weather-drop__label small{display: block;color: #6b7280;font-size: 11px;font-weight: 400}.dbms-weather-drop__facts{display: flex;flex-wrap: wrap;gap: 3px 10px;margin: 6px 0 0;padding-bottom: 7px;color: #6b7280;font-size: 12px}.dbms-weather-drop__facts strong{color: #172033;font-weight: 700}.dbms-weather-drop__panel h3.dbms-weather-drop__kop{margin: 7px 0 3px;font-size: 12px;font-weight: 700;line-height: 1.15;text-transform: uppercase;letter-spacing: .04em;color: #6b7280}.dbms-weather-drop__panel .dbms-weather-drop__uren-kop h3.dbms-weather-drop__kop{margin: 0}.dbms-weather-drop__days{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;margin: 0;padding: 0;list-style: none}.dbms-weather-drop__days li{margin: 0;padding: 0;list-style: none}.dbms-weather-drop__days li::marker{content: none}.dbms-weather-drop__day{display: flex;flex-direction: column;align-items: center;gap: 1px;width: 100%;height: 100%;margin: 0;padding: 4px 2px;border: 1px solid rgba(23,32,51,.08);border-radius: 8px;background: transparent;color: inherit;font: inherit;text-align: center}button.dbms-weather-drop__day{cursor: pointer}button.dbms-weather-drop__day:hover,button.dbms-weather-drop__day:focus-visible{background: rgba(23,32,51,.06)}button.dbms-weather-drop__day[aria-pressed="true"]{background: rgba(8,186,238,.12)}.dbms-weather-drop__day-name{text-transform: capitalize;font-size: 12px;font-weight: 700}.dbms-weather-drop__day-emoji{font-size: 15px;line-height: 1}.dbms-weather-drop__day-temp{font-size: 11.5px;white-space: nowrap}.dbms-weather-drop__day-rain{color: var(--dbms-blue,#08BAEE);font-size: 11.5px;font-weight: 700}.dbms-weather-drop__uren-kop{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: 7px;padding-right: 30px}.dbms-weather-drop__uren-kop .dbms-weather-drop__kop{margin-bottom: 0}.dbms-weather-drop__uren-dag{display: inline-block;margin-left: 6px;color: #172033;font-size: 12px;font-weight: 700}.dbms-weather-drop__uren-dag::first-letter{text-transform: uppercase}.dbms-weather-drop__uren-dag:empty{display: none}.dbms-weather-drop__uren-knoppen{display: flex;gap: 4px}.dbms-weather-drop__uren-knop{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;padding: 0;border: 1px solid rgba(23,32,51,.14);border-radius: 50%;background: #fff;color: #374151;font-size: 15px;line-height: 1;cursor: pointer}.dbms-weather-drop__uren-knop:hover:not(:disabled){background: rgba(23,32,51,.06)}.dbms-weather-drop__uren-knop:disabled{opacity: .35;cursor: default}.dbms-weather-drop__uren{--dbms-uur-breedte: 52px;display: flex;gap: 0;margin: 4px 0 0;padding: 0;list-style: none;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;overscroll-behavior-x: contain;scrollbar-width: thin}@media (prefers-reduced-motion: reduce){.dbms-weather-drop__uren{scroll-behavior: auto}}.dbms-weather-drop__uur{flex: 0 0 var(--dbms-uur-breedte);scroll-snap-align: start;display: flex;flex-direction: column;align-items: center;gap: 1px;padding: 3px 0;font-size: 11.5px;text-align: center}.dbms-weather-drop__uur.is-dagstart{border-left: 1px solid rgba(23,32,51,.16)}.dbms-weather-drop__uur-tijd{color: #6b7280;font-size: 11px;line-height: 1.2}.dbms-weather-drop__uur-tijd small{display: block;color: #172033;font-size: 10px;font-weight: 700;text-transform: capitalize}.dbms-weather-drop__uur-emoji{font-size: 14px;line-height: 1}.dbms-weather-drop__uur-temp{font-weight: 700}.dbms-weather-drop__uur-rain{color: var(--dbms-blue,#08BAEE);font-size: 11px}.dbms-weather-drop__radar{border-radius: 8px}.dbms-weather-drop__radar .dbms-rain-radar{min-height: 0;height: 195px;grid-template-rows: minmax(0,1fr) auto;border-radius: 8px}.dbms-weather-drop__radar .dbms-rain-radar-map{min-height: 0}.dbms-weather-drop__radar .dbms-rain-radar-controls{grid-template-columns: auto minmax(0,1fr) auto;gap: 8px;padding: 6px 8px}.dbms-weather-drop__radar .dbms-rain-radar-play{width: auto;min-width: 68px;padding: 4px 8px;font-size: 12px}.dbms-weather-drop__radar .dbms-rain-radar-time{min-width: 0;font-size: 12px;text-align: right}.dbms-weather-drop__radar-fout{margin: 0;color: #7a5a35;font-size: 12px}.dbms-weather-drop__air{margin: 8px 0 0;font-size: 12px;color: #374151}.dbms-weather-drop__voet{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-top: 8px}.dbms-weather-drop__voet .dbms-weather-drop__air{margin: 0;min-width: 0}.dbms-weather-drop__bron{margin: 10px 0 0;padding-top: 8px;border-top: 1px solid rgba(23,32,51,.08);color: #9aa1ac;font-size: 10.5px;line-height: 1.35}.dbms-weather-drop__panel a.dbms-weather-drop__link{display: inline-flex;align-items: center;flex: 0 0 auto;gap: 4px;margin: 0;padding: 6px 12px;border-radius: 999px;background: var(--dbms-orange,#F18C00);color: #fff;font-size: 12px;font-weight: 700;line-height: 1.2;letter-spacing: .02em;text-transform: uppercase;text-decoration: none;white-space: nowrap;box-shadow: 0 2px 8px rgba(241,140,0,.35);transition: transform .12s ease,box-shadow .12s ease}.dbms-weather-drop__panel a.dbms-weather-drop__link:hover,.dbms-weather-drop__panel a.dbms-weather-drop__link:focus-visible{color: #fff;transform: translateY(-1px);box-shadow: 0 4px 14px rgba(241,140,0,.45)}@media (prefers-reduced-motion: reduce){.dbms-weather-drop__panel a.dbms-weather-drop__link{transition: none}.dbms-weather-drop__panel a.dbms-weather-drop__link:hover,.dbms-weather-drop__panel a.dbms-weather-drop__link:focus-visible{transform: none}}.dbms-weather-drop__link::after{content: " \2192"}@media (max-width: 900px){.dbms-weather-drop__panel{top: 0;right: 0;bottom: 0;left: 0;width: auto;max-height: none;z-index: 99999;border-radius: 0}.dbms-weather-drop__radar .dbms-rain-radar{height: 230px}body.dbms-weather-open{overflow: hidden}}span.dbms-weather-drop__tijdbalk{margin-top: 2px;position: relative;display: block;height: 6px;margin: 6px 0 2px;border-radius: 3px;background: #d7d7d7;overflow: hidden}span.dbms-weather-drop__tijdblok{position: absolute;top: 0;bottom: 0;display: block;min-width: 3px}span.dbms-weather-drop__tijdblok.is-geel{background: #f7d117}span.dbms-weather-drop__tijdblok.is-oranje{background: #f0a02a}span.dbms-weather-drop__tijdblok.is-rood{background: #d13a3a}span.dbms-weather-drop__tijdnu{position: absolute;top: 0;bottom: 0;display: block;width: 2px;background: #172033}span.dbms-weather-drop__tijdbalk-dagen{display: flex;margin-top: 10px;font-size: 10px;line-height: 1.2;color: #6b7280;text-transform: capitalize}span.dbms-weather-drop__tijdbalk-dagen span{box-sizing: border-box;padding-left: 2px;overflow: hidden;white-space: nowrap}.dbms-weather-drop__tijdvakken{display: block;margin-top: 7px;font-size: 11px;font-weight: 700;color: #172033;text-transform: capitalize}.dbms-weather-drop__criterium{display: block;margin-top: 4px;font-size: 11px;line-height: 1.35;color: #6b7280}@media (max-width: 900px){.dbms-weather-drop--desktop{display: none !important}}@media (min-width: 901px){.dbms-weather-drop--mobiel{display: none !important}}