.dd-traffic-overview{border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 2.5%, transparent), transparent 65%), var(--dd-panel-surface,var(--paper));border-radius:12px;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;min-width:0;height:470px;margin-bottom:20px;padding:20px;display:grid;overflow:hidden;container:dd-traffic-overview/inline-size}.dd-traffic-overview.is-chart{height:auto;min-height:470px}.dd-traffic-overview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dd-traffic-overview-copy{gap:6px;display:grid}.dd-traffic-overview-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:25px;font-weight:500;line-height:1.2;display:flex}.dd-traffic-overview-title>svg{opacity:.8;flex:none}.dd-traffic-overview-caption{color:var(--dd-panel-muted,var(--muted));margin:0;font-size:9px;line-height:1.65}.dd-traffic-overview-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dd-traffic-overview-link,.dd-traffic-overview-retry,.dd-traffic-overview-icon-button{border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);background:var(--dd-panel-surface,var(--paper));min-height:32px;color:var(--dd-highlight,var(--accent));cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;font-size:10px;transition:background-color .2s,border-color .2s;display:inline-flex}.dd-traffic-overview-icon-button{width:32px;padding:7px}.dd-traffic-overview-link:hover,.dd-traffic-overview-retry:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 4.5%, transparent)}.dd-traffic-overview-retry{cursor:pointer;margin-top:10px}.dd-traffic-overview button:disabled,.dd-traffic-overview select:disabled{opacity:.5;cursor:wait}.dd-traffic-overview :is(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dd-traffic-overview-tabs{border-bottom:1px solid color-mix(in srgb, var(--accent) 12%, transparent);scrollbar-width:thin;gap:4px;min-width:0;display:flex;overflow-x:auto}.dd-traffic-overview-tab{min-height:32px;color:var(--dd-panel-muted,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:5px 5px 0 0;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:10px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.dd-traffic-overview-tab.is-active{border-bottom-color:var(--dd-highlight,var(--accent));background:color-mix(in srgb, var(--accent) 5.5%, transparent);color:var(--dd-highlight,var(--accent))}.dd-traffic-overview-toolbar{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;padding-bottom:2px;display:flex}.dd-traffic-overview-segmented{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);background:color-mix(in srgb, var(--accent) 2.5%, transparent);border-radius:7px;flex:none;gap:2px;padding:2px;display:inline-flex}.dd-traffic-overview-control{min-height:26px;color:var(--dd-panel-muted,var(--muted));font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:9px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.dd-traffic-overview-control.is-active{border-color:color-mix(in srgb, var(--accent) 12%, transparent);background:var(--dd-panel-surface,var(--paper));color:var(--dd-highlight,var(--accent))}.dd-traffic-overview-tab:hover,.dd-traffic-overview-control:hover,.dd-traffic-overview-icon-button:hover{background:color-mix(in srgb, var(--accent) 6.5%, transparent);color:var(--dd-highlight,var(--accent))}.dd-traffic-overview-filter-toggle{border-color:color-mix(in srgb, var(--accent) 14%, transparent);min-height:32px}.dd-traffic-overview-filter-count{background:var(--accent);min-width:15px;height:15px;color:var(--contrast);border-radius:50%;place-items:center;font-size:8px;display:grid}.dd-traffic-overview-viewport{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;transition:opacity .2s;overflow:auto}.dd-traffic-overview-viewport.is-loading{opacity:.55}.dd-traffic-overview-active-view{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;animation:.3s dd-traffic-overview-reveal;display:flex}.dd-traffic-overview.is-chart .dd-traffic-overview-viewport{overflow:visible}.dd-traffic-overview.is-chart .dd-traffic-overview-active-view{height:auto}.dd-traffic-overview-view-heading{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.dd-traffic-overview-view-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);margin:0;font-size:19px;font-weight:500;line-height:1.25}.dd-traffic-overview-switches{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto;display:flex}.dd-traffic-overview-switch{color:var(--dd-panel-muted,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;padding:4px 0;font-size:8px;display:inline-flex}.dd-traffic-overview-switch-track{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:999px;width:22px;height:13px;transition:background-color .2s;position:relative}.dd-traffic-overview-switch-track:after{background:var(--paper);content:"";border-radius:50%;width:7px;height:7px;transition:transform .2s;position:absolute;top:3px;left:3px}.dd-traffic-overview-switch-track.is-on{background:var(--accent)}.dd-traffic-overview-switch-track.is-on:after{transform:translate(9px)}.dd-traffic-overview-layout{flex:1;grid-template-columns:156px minmax(0,1fr);align-items:start;gap:14px;min-width:0;min-height:0;display:grid}.dd-traffic-overview-layout.has-countries{grid-template-rows:minmax(0,1fr);grid-template-columns:156px minmax(0,1fr) 260px}.dd-traffic-overview-layout.is-trend-only{grid-template-columns:minmax(0,1fr)}.dd-traffic-overview-metrics{gap:10px;min-width:0;margin:0;display:grid}.dd-traffic-overview-metric{border:1px solid color-mix(in srgb, var(--accent) 10%, transparent);background:var(--dd-panel-surface,var(--paper));border-radius:9px;gap:5px;min-width:0;padding:10px;display:grid}.dd-traffic-overview-metric-label{color:var(--dd-panel-muted,var(--muted));flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.dd-traffic-overview-metric-label>svg{flex:none}.dd-traffic-overview-metric-value{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:500;line-height:1.05}.dd-traffic-overview-comparison{flex-wrap:wrap;justify-content:space-between;gap:3px;margin:0;font-size:8px;display:flex}.dd-traffic-overview-comparison .dd-traffic-overview-caption{font-size:8px}.dd-traffic-overview-comparison.is-up{color:var(--success)}.dd-traffic-overview-comparison.is-down{color:var(--danger)}.dd-traffic-overview-comparison.is-flat{color:var(--dd-panel-muted,var(--muted))}.dd-traffic-overview-chart-wrap{min-width:0}.dd-traffic-overview-empty{background:color-mix(in srgb, var(--accent) 3.5%, transparent);color:var(--dd-panel-muted,var(--muted));border-radius:7px;margin:0 0 12px;padding:9px 11px;font-size:10px;line-height:1.6}.dd-traffic-overview-daily-table{border-collapse:collapse;text-align:left;width:100%}.dd-traffic-overview-daily-table th,.dd-traffic-overview-daily-table td{border-bottom:1px solid color-mix(in srgb, var(--accent) 9%, transparent);font-variant-numeric:tabular-nums;padding:8px 7px;font-size:10px;font-weight:400}.dd-traffic-overview-daily-table thead{z-index:1;color:var(--dd-highlight,var(--accent));background:var(--dd-panel-surface,var(--paper));position:sticky;top:0}.dd-traffic-overview-daily-table td,.dd-traffic-overview-daily-table thead th:not(:first-child){text-align:right}.dd-traffic-overview-daily-table .is-primary{color:var(--dd-highlight,var(--accent));font-weight:500}.dd-traffic-overview-table-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dd-traffic-overview-filters{gap:12px;display:grid}.dd-traffic-overview-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dd-traffic-overview-field{min-width:0;color:var(--dd-panel-muted,var(--muted));gap:5px;font-size:9px;display:grid}.dd-traffic-overview-field>span{align-items:center;gap:5px;display:flex}.dd-traffic-overview-input{border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);background-color:var(--dd-panel-surface,var(--paper));width:100%;min-width:0;min-height:34px;color:var(--dd-panel-text,var(--ink));font:inherit;border-radius:7px;padding:7px 9px;font-size:10px}.dd-traffic-overview-filter-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.dd-traffic-overview-date-error{color:var(--danger);margin:0;font-size:10px;line-height:1.6}.dd-traffic-overview-error{border:1px solid color-mix(in srgb, var(--danger) 15%, transparent);background:color-mix(in srgb, var(--danger) 2%, transparent);border-radius:9px;align-items:flex-start;gap:10px;padding:15px;display:flex}.dd-traffic-overview-error>svg{color:var(--danger);flex:none;margin-top:2px}.dd-traffic-overview-error-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);margin:0 0 5px;font-size:21px;font-weight:500}.dd-traffic-overview .dd-traffic-panel{background:0 0;border:0;border-radius:0;min-width:0;padding:0}.dd-traffic-overview .dd-traffic-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.dd-traffic-overview .dd-traffic-panel-copy{gap:3px;display:grid}.dd-traffic-overview .dd-traffic-panel-copy>p{margin:0}.dd-traffic-overview .dd-traffic-panel-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);margin:0;font-size:19px;font-weight:500}.dd-traffic-overview .dd-traffic-caption{color:var(--dd-panel-muted,var(--muted));font-family:var(--font-body);margin:0;font-size:9px;font-weight:400;line-height:1.6}.dd-traffic-overview .dd-traffic-toggle{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);background:color-mix(in srgb, var(--accent) 2.5%, transparent);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.dd-traffic-overview .dd-traffic-toggle-button{min-height:26px;color:var(--dd-panel-muted,var(--muted));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 8px;font-family:inherit;font-size:9px;transition:background-color .2s,border-color .2s}.dd-traffic-overview .dd-traffic-toggle-button.is-active{border-color:color-mix(in srgb, var(--accent) 8%, transparent);background:var(--dd-panel-surface,var(--paper));color:var(--dd-highlight,var(--accent))}.dd-traffic-overview .dd-traffic-trend-chart{max-width:620px;margin-inline:auto}.dd-traffic-overview-loading .dd-admin-skeleton.is-summary{max-width:none}.dd-traffic-overview-loading .dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:minmax(0,1fr)}.dd-traffic-overview-loading .dd-admin-skeleton.is-summary .dd-admin-skeleton-card{padding:13px}.dd-traffic-overview-loading .dd-admin-skeleton.is-chart{background:0 0;border:0;padding:0}.dd-traffic-overview-loading .dd-admin-skeleton-chart{height:160px}.dd-traffic-overview-loading.has-countries>.dd-admin-skeleton.is-inline{min-width:0;min-height:200px}@keyframes dd-traffic-overview-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dd-traffic-overview-spin{to{transform:rotate(360deg)}}.dd-traffic-overview-icon-button>.is-spinning{animation:1s linear infinite dd-traffic-overview-spin}@media (width<=700px){.dd-traffic-overview{height:560px}.dd-traffic-overview.is-chart{min-height:560px}.dd-traffic-overview-layout{grid-template-columns:minmax(0,1fr)}.dd-traffic-overview-metrics,.dd-traffic-overview-loading .dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-traffic-overview-metric-value{font-size:27px}}@container dd-traffic-overview (width>=700px){.dd-traffic-overview-heading>.dd-traffic-overview-countries.is-inline{display:flex}.dd-traffic-overview-layout.has-countries{grid-template-columns:156px minmax(0,1fr)}.dd-traffic-overview-layout.has-countries>.dd-traffic-overview-countries,.dd-traffic-overview-loading.has-countries>.dd-admin-skeleton.is-inline{display:none}.dd-traffic-overview .dd-traffic-trend-chart{max-width:none}}@container dd-traffic-overview (width<=699px){.dd-traffic-overview-layout.has-countries{grid-template-rows:auto minmax(220px,1fr);grid-template-columns:minmax(0,1fr) 240px}.dd-traffic-overview-layout.has-countries>.dd-traffic-overview-metrics,.dd-traffic-overview-loading.has-countries>.dd-admin-skeleton.is-summary{grid-column:1/-1}.dd-traffic-overview-layout.has-countries .dd-traffic-overview-metrics,.dd-traffic-overview-loading.has-countries .dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(3,minmax(0,1fr))}}@container dd-traffic-overview (width<=560px){.dd-traffic-overview-layout.has-countries{grid-template-rows:auto auto 230px;grid-template-columns:minmax(0,1fr)}}@media (width<=460px){.dd-traffic-overview{padding:15px}.dd-traffic-overview-metrics{gap:7px}.dd-traffic-overview-metric{padding:10px}.dd-traffic-overview-metric-label{font-size:9px}.dd-traffic-overview-metric-value{font-size:24px}.dd-traffic-overview-loading .dd-admin-skeleton.is-summary .dd-admin-skeleton-card{grid-template-columns:minmax(0,1fr);padding:10px}}@media (prefers-reduced-motion:reduce){.dd-traffic-overview-active-view,.dd-traffic-overview-icon-button>.is-spinning{animation:none}.dd-traffic-overview-link,.dd-traffic-overview-retry,.dd-traffic-overview-icon-button,.dd-traffic-overview-tab,.dd-traffic-overview-control,.dd-traffic-overview-viewport,.dd-traffic-overview-switch-track,.dd-traffic-overview-switch-track:after,.dd-traffic-overview .dd-traffic-toggle-button{transition:none}}