.ow-layer-node { margin: .25rem 0; border: 1px solid var(--shell-border, #27364a); border-radius: .45rem; padding: .2rem .45rem; }
.ow-layer-node summary { display: flex; align-items: center; gap: .45rem; min-height: 2.75rem; cursor: pointer; font-weight: 650; }
.ow-layer-node summary button { margin-inline-start: auto; }
.ow-layer-children { padding: 0 .25rem .25rem .7rem; }
.ow-layer-row { display: flex; align-items: center; gap: .35rem; min-height: 2.75rem; }
.ow-layer-row .ow-layer { flex: 1; }
.ow-layer-swatch { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; flex: 0 0 auto; background: var(--ow-key, currentColor); }
.ow-layer-symbol { color: var(--shell-muted, #a9b7c9); font-size: .72rem; }
.ow-layer-show, .ow-layer-activate { min-height: 2.5rem; padding: .35rem .6rem; }
.ow-flat-controls { display: grid; gap: .35rem; margin: 0 0 .7rem; padding: .55rem; border: 1px solid var(--shell-border, #27364a); border-radius: .4rem; }
.ow-flat-controls-title { font-size: .78rem; font-weight: 700; color: var(--shell-muted, #a9b7c9); }
.ow-flat-controls button { min-height: 2.5rem; text-align: start; }
.ow-flat-controls button:disabled { opacity: .58; cursor: not-allowed; }

.ow-layer-node summary{flex-wrap:wrap}
.ow-layer-style{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto;font-size:.58rem;font-weight:500}
.ow-layer-style label{display:inline-flex;align-items:center;gap:.16rem;white-space:nowrap}
.ow-layer-style input[type=color]{inline-size:1.35rem;block-size:1.35rem;padding:0;border:0;background:transparent}
.ow-layer-style select{max-inline-size:4.6rem;min-inline-size:0;font:inherit}
@media (width < 820px){.ow-layer-style{width:100%;margin-inline-start:0;justify-content:flex-end}}

.ow-layer-editor-tools { padding:.6rem; border:1px solid var(--shell-border,#627184); border-radius:.4rem; margin-bottom:.6rem; }
.ow-layer-editor-tools p { font-size:.75rem; line-height:1.4; margin:.25rem 0 .5rem; }
.ow-layer-add { display:flex; flex-wrap:wrap; gap:.35rem; margin:.4rem 0; }
.ow-layer-add input { flex:1 1 8rem; min-width:0; }
.ow-layer-editor-tools button,.ow-layer-edit button,.ow-layer-edit input:not([type=checkbox]),.ow-layer-edit select { min-height:2.75rem; max-width:100%; }
.ow-layer-edit { flex:1 1 100%; font-size:.75rem; font-weight:400; }
.ow-layer-edit summary { min-height:2.75rem; font-weight:500; }
.ow-layer-edit-fields { display:grid; gap:.4rem; padding:.35rem; }
.ow-layer-edit-fields label { display:flex; gap:.4rem; align-items:center; flex-wrap:wrap; }
.ow-layer-edit-fields label input:not([type=checkbox]),.ow-layer-edit-fields select { flex:1; min-width:0; }
.ow-layer-row { flex-wrap:wrap; padding-bottom:.35rem; border-bottom:1px solid var(--shell-border,#627184); }
.ow-layer-row > .ow-layer { min-width:8rem; }
.ow-layer-node .ow-layer-edit-fields { cursor:default; }
.ow-layer-style { font-size:.72rem; flex-wrap:wrap; }
.ow-layer-style input[type=color] { inline-size:2.75rem; block-size:2.75rem; }
.ow-layer-style select { min-block-size:2.75rem; max-inline-size:7rem; }

/* Intrinsic input/option widths must not enlarge the narrow Layers panel. */
.ow-layer-node,.ow-layer-edit,.ow-layer-edit-fields,.ow-layer-children,.ow-layer-add { min-inline-size:0; max-inline-size:100%; box-sizing:border-box; }
.ow-layer-edit-fields { grid-template-columns:minmax(0,1fr); }
.ow-layer-edit-fields label { display:grid; grid-template-columns:minmax(0,1fr); min-inline-size:0; max-inline-size:100%; }
.ow-layer-edit-fields label:has(input[type=checkbox]) { display:flex; }
.ow-layer-edit-fields input:not([type=checkbox]),.ow-layer-edit-fields select,.ow-layer-add input { inline-size:100%; min-inline-size:0; max-inline-size:100%; box-sizing:border-box; }
.ow-layer-row > .ow-layer { min-inline-size:0; flex:1 1 100%; }
.ow-layer-node summary > span,.ow-layer-id { min-inline-size:0; overflow-wrap:anywhere; }

/* The everyday tree is a compact map control. Destructive or structural work
 * stays behind Edit, so a long facility catalogue does not turn the Context
 * drawer into a wall of color inputs and literal symbol names. */
.ow-layers .ow-layer-node{margin:.12rem 0;padding:.08rem .35rem}
.ow-layers .ow-layer-node summary,.ow-layers .ow-layer-row{min-height:2.1rem}
.ow-layers .ow-layer-row{flex-wrap:nowrap;gap:.28rem;padding:.05rem 0;border-bottom:0}
.ow-layers .ow-layer-row>.ow-layer{flex:1 1 auto;min-inline-size:0}
.ow-layers .ow-layer-row>.ow-layer-edit{flex:0 0 auto;margin:0}
.ow-layers .ow-layer-row>.ow-layer-edit[open]{flex:1 0 100%}
.ow-layers .ow-layer-edit summary{min-height:2rem;padding:.18rem .35rem;border:1px solid var(--shell-border,#627184);border-radius:.3rem}
.ow-layers .ow-layer-edit-fields{margin-top:.25rem}
.ow-layers .ow-layer-symbol{inline-size:.52rem;block-size:.52rem;overflow:hidden}
.ow-layer-feature-set{margin:.45rem 0;font-size:.75rem}
.ow-layer-feature-set summary{cursor:pointer;font-weight:650}
.ow-layer-membership-warning{color:var(--shell-danger,#b42318);font-size:.75rem}
/* A feature-set name is user content. Keep it with its checkbox and count; the
 * activation and editor controls take a compact second row instead of squeezing
 * a long label into character-wide columns. */
.ow-layers .ow-layer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.22rem .35rem}
.ow-layers .ow-layer-row>.ow-layer{grid-column:1/-1;min-inline-size:0;width:100%}
.ow-layers .ow-layer-row>.ow-layer-activate{grid-column:1;justify-self:start}
.ow-layers .ow-layer-row>.ow-layer-edit{grid-column:2;grid-row:2;justify-self:end;min-inline-size:0}
.ow-layers .ow-layer-row>.ow-layer-edit[open]{grid-column:1/-1;grid-row:auto;justify-self:stretch}

/* ===== Layers drawer, everyday view (cdl1, 2026-10-05) =====================
 * Phone first. One ruled row per layer: switch, colour key, bold name, then
 * count · freshness · source, and a share link. Grey accents only; data colours
 * stay on the keys. The triple id outranks the host panel skins (map-buttons.css,
 * the .com drawer) without editing them; !important answers theirs. */
#layers#layers#layers{--lyr-hit:40px;--lyr-row:44px;color:var(--ink,#111a2d);font:400 var(--fs-body,12.5px)/1.35 var(--font,Arial,Helvetica,sans-serif)}
@media (pointer:coarse){#layers#layers#layers{--lyr-hit:44px;--lyr-row:52px}}
#layers#layers#layers [hidden]{display:none!important}
#layers#layers#layers .ow-lyr{display:block;min-inline-size:0}
#layers#layers#layers .ow-lyr-ico{display:block;inline-size:16px;block-size:16px;flex:none}
#layers#layers#layers :is(.ow-lyr-fold,.ow-lyr-clear,.ow-lyr-chip,.ow-lyr-suball,.ow-lyr-share,.ow-lyr-organise,.ow-lyr-reset-find){appearance:none;-webkit-appearance:none;margin:0;min-width:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
#layers#layers#layers :is(button,input):focus-visible{outline:2px solid var(--ink,#111a2d)!important;outline-offset:2px}

/* Head: status lede, search and state chips stay in reach while the list scrolls. */
#layers#layers#layers .ow-lyr-head{position:sticky;top:0;z-index:2;margin:0 -2px;padding:6px 2px 8px;background:var(--glass-strong,rgba(246,247,250,.92));box-shadow:0 1px 0 var(--line,rgba(17,26,45,.12));-webkit-backdrop-filter:var(--blur,blur(12px) saturate(140%));backdrop-filter:var(--blur,blur(12px) saturate(140%))}
#layers#layers#layers .ow-lyr-lede{margin:0 0 6px!important;color:var(--ink,#111a2d)!important;font:700 13px/1.3 var(--font,Arial,Helvetica,sans-serif)!important;font-variant-numeric:tabular-nums}
#layers#layers#layers .ow-lyr-find{position:relative;display:flex;align-items:center}
#layers#layers#layers .ow-lyr-find>.ow-lyr-ico{position:absolute;left:9px;color:var(--muted,#536078);pointer-events:none}
#layers#layers#layers .ow-lyr-find input{inline-size:100%;block-size:var(--lyr-hit);min-height:0;margin:0;padding:0 38px 0 31px;border:1px solid var(--line,rgba(17,26,45,.12));border-radius:var(--r-ctl,5px);background:var(--card,#fff);color:var(--ink,#111a2d);font:400 13px/1 var(--font,Arial,Helvetica,sans-serif);-webkit-appearance:none;appearance:none}
@media (pointer:coarse){#layers#layers#layers .ow-lyr-find input{font-size:16px}}
#layers#layers#layers .ow-lyr-find input::placeholder{color:var(--muted,#536078);opacity:1}
#layers#layers#layers .ow-lyr-find input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
#layers#layers#layers .ow-lyr-clear{position:absolute;right:2px;display:grid;place-items:center;inline-size:var(--lyr-hit);block-size:var(--lyr-hit)!important;padding:0!important;border:0!important;border-radius:var(--r-ctl,5px)!important;background:transparent!important;color:var(--muted,#536078)!important}
#layers#layers#layers .ow-lyr-chips{display:flex;gap:4px;margin:8px 0 0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
#layers#layers#layers .ow-lyr-chips::-webkit-scrollbar{display:none}
#layers#layers#layers .ow-lyr-chip{position:relative;flex:none;display:inline-flex;align-items:center;gap:4px;block-size:28px!important;height:28px!important;min-height:0!important;padding:0 10px!important;border:1px solid var(--line,rgba(17,26,45,.12))!important;border-radius:999px!important;background:transparent!important;color:var(--ink,#111a2d)!important;font:400 11.5px/1 var(--font,Arial,Helvetica,sans-serif)!important;white-space:nowrap}
#layers#layers#layers .ow-lyr-chip[aria-pressed="true"]{border-color:var(--cobalt,#4a5568)!important;background:var(--cobalt,#4a5568)!important;color:var(--on-accent,#fff)!important;font-weight:700!important}
#layers#layers#layers .ow-lyr-chipn{color:inherit;opacity:.72;font-variant-numeric:tabular-nums}
#layers#layers#layers .ow-lyr-chipn:empty{display:none}
@media (pointer:coarse){#layers#layers#layers .ow-lyr-chip::before{content:"";position:absolute;inset:-8px -2px}}
#layers#layers#layers .ow-lyr-empty{margin:10px 0 0!important;padding:8px 0 8px 10px;border-left:3px solid var(--rule,#8193bc);color:var(--ink,#111a2d)!important;font-size:12px!important}
#layers#layers#layers .ow-lyr-reset-find,#layers#layers#layers .ow-lyr-suball{block-size:auto!important;height:auto!important;min-height:0!important;padding:4px 0!important;border:0!important;background:transparent!important;color:var(--cobalt,#4a5568)!important;font:700 11px/1.2 var(--font,Arial,Helvetica,sans-serif)!important}

/* Groups fold; the group switch sets every layer inside it. */
#layers#layers#layers .ow-lyr-groups{display:block}
#layers#layers#layers .ow-lyr-group{border-top:1px solid var(--line,rgba(17,26,45,.12))}
#layers#layers#layers .ow-lyr-ghead{display:flex;align-items:center;gap:8px;min-block-size:var(--lyr-row)}
#layers#layers#layers .ow-lyr-fold{flex:1 1 auto;display:flex;align-items:center;gap:6px;min-inline-size:0;block-size:auto!important;height:auto!important;min-height:var(--lyr-row)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink,#111a2d)!important;font:700 13px/1.25 var(--font,Arial,Helvetica,sans-serif)!important;text-align:start}
#layers#layers#layers .ow-lyr-chev{display:grid;place-items:center;inline-size:16px;color:var(--muted,#536078);transition:transform var(--motion-fast,140ms) var(--ease-out,cubic-bezier(.2,0,0,1))}
#layers#layers#layers .ow-lyr-fold[aria-expanded="true"] .ow-lyr-chev{transform:rotate(90deg)}
#layers#layers#layers .ow-lyr-gname{min-inline-size:0;overflow-wrap:anywhere}
#layers#layers#layers .ow-lyr-gcount{flex:none;color:var(--muted,#536078);font:400 11px/1.2 var(--font,Arial,Helvetica,sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
#layers#layers#layers .ow-lyr-gall{flex:none;display:inline-flex!important;align-items:center;gap:6px;min-block-size:var(--lyr-row);padding-inline-start:8px;color:var(--muted,#536078)!important;font:400 11px/1 var(--font,Arial,Helvetica,sans-serif)!important;cursor:pointer}
#layers#layers#layers .ow-lyr-gbody{padding:0 0 6px}
#layers#layers#layers .ow-lyr-subhead{display:flex;align-items:center;gap:6px;min-block-size:32px;padding:6px 0 0 22px}
#layers#layers#layers .ow-lyr-subname{min-inline-size:0;color:var(--muted,#536078);font:700 10px/1.2 var(--font,Arial,Helvetica,sans-serif);letter-spacing:.07em;text-transform:uppercase;overflow-wrap:anywhere}
#layers#layers#layers .ow-lyr-suball{position:relative;margin-inline-start:auto;flex:none}
@media (pointer:coarse){#layers#layers#layers .ow-lyr-suball::before{content:"";position:absolute;inset:-12px -8px}}

/* The row. The whole label toggles, so a thumb can hit the name, not only the switch. */
#layers#layers#layers .ow-lyr-list{margin:0;padding:0;list-style:none}
#layers#layers#layers .ow-lyr-row{display:flex;align-items:center;gap:2px;margin:0;padding:0;border-top:1px solid var(--line-soft,rgba(17,26,45,.07));border-radius:0}
#layers#layers#layers .ow-lyr-list>.ow-lyr-row:first-child{border-top:0}
#layers#layers#layers .ow-lyr-row--target{background:var(--accent-subtle,rgba(74,85,104,.12))}
#layers#layers#layers .ow-lyr-hit{flex:1 1 auto;display:grid!important;grid-template-columns:auto 14px minmax(0,1fr);align-items:center;column-gap:10px;min-inline-size:0;min-block-size:var(--lyr-row);margin:0;padding:4px 0 4px 22px;color:var(--ink,#111a2d)!important;font-size:inherit!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
#layers#layers#layers .ow-lyr-text{display:flex;flex-direction:column;gap:1px;min-inline-size:0}
#layers#layers#layers .ow-lyr-name{color:var(--ink,#111a2d);font:700 13px/1.25 var(--font,Arial,Helvetica,sans-serif);overflow-wrap:anywhere}
#layers#layers#layers .ow-lyr-sub{display:block;overflow:hidden;color:var(--muted,#536078);font:400 11px/1.3 var(--font,Arial,Helvetica,sans-serif);white-space:nowrap;text-overflow:ellipsis}
#layers#layers#layers .ow-lyr-sub>span{color:inherit;font:inherit;opacity:1}
#layers#layers#layers .ow-lyr-sub>span:not(:empty)~span:not(:empty)::before{content:"\00B7";margin:0 .4em}
#layers#layers#layers .ow-lyr-sub .ow-layer-n{font-variant-numeric:tabular-nums}
#layers#layers#layers .ow-lyr-sub .ow-layer-n[data-empty="1"]{color:inherit}
#layers#layers#layers .ow-lyr-row[data-fresh="off"] .ow-layer-n{display:none}
#layers#layers#layers .ow-lyr-row[data-fresh="off"] .ow-lyr-fresh::before{content:none!important}
#layers#layers#layers .ow-lyr-row[data-fresh="failed"] .ow-layer-n,#layers#layers#layers .ow-lyr-row[data-fresh="stale"] .ow-lyr-fresh{color:var(--bad,#b62d35)}
#layers#layers#layers .ow-lyr-share{flex:none;display:grid;place-items:center;inline-size:var(--lyr-hit);block-size:var(--lyr-hit)!important;height:var(--lyr-hit)!important;min-height:0!important;padding:0!important;border:0!important;border-radius:var(--r-ctl,5px)!important;background:transparent!important;color:var(--muted,#536078)!important}
#layers#layers#layers .ow-lyr-share:hover,#layers#layers#layers .ow-lyr-clear:hover,#layers#layers#layers .ow-lyr-fold:hover .ow-lyr-chev{color:var(--ink,#111a2d)!important}
#layers#layers#layers .ow-lyr-share:active{background:var(--accent-subtle,rgba(74,85,104,.12))!important}

/* Colour key: the layer's own data colour and marker shape, never decoration. */
#layers#layers#layers .ow-lyr-key{display:block;justify-self:center;inline-size:10px;block-size:10px;border-radius:50%;background:var(--ow-key,var(--muted,#536078));box-shadow:0 0 0 1px rgba(17,26,45,.22)}
#layers#layers#layers .ow-lyr-key--circle{background:transparent;box-shadow:inset 0 0 0 2.5px var(--ow-key,var(--muted,#536078))}
#layers#layers#layers .ow-lyr-key--square{border-radius:2px}
#layers#layers#layers .ow-lyr-key--diamond{border-radius:1px;transform:rotate(45deg) scale(.86)}
#layers#layers#layers .ow-lyr-key--pin{border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
#layers#layers#layers .ow-lyr-key--area{inline-size:12px;block-size:10px;border-radius:2px;opacity:.7}
#layers#layers#layers .ow-lyr-key--line{inline-size:14px;block-size:3px;border-radius:2px;box-shadow:none}
#layers#layers#layers .ow-lyr-row[data-on="0"] .ow-lyr-key{opacity:.4}

/* Switch: a grey track and knob drawn from backgrounds only (no pseudo-elements
 * on inputs, which WebKit does not render). On is graphite; mixed is half. */
:is(#layers#layers#layers,#layerPanel#layerPanel#layerPanel .ow-profile-controls) input[type=checkbox]:is(.ow-lyr-switch,:not([class])){--knob:var(--muted,#536078);flex:none;inline-size:30px!important;block-size:18px!important;width:30px!important;height:18px!important;min-inline-size:30px;margin:0!important;padding:0;border:1px solid var(--rule,#8193bc);border-radius:999px;background:var(--paper-soft,#e9eef9) radial-gradient(circle,var(--knob) 0 5px,transparent 5.6px) no-repeat 0 50%/16px 16px;-webkit-appearance:none;appearance:none;accent-color:auto;cursor:pointer}
:is(#layers#layers#layers,#layerPanel#layerPanel#layerPanel .ow-profile-controls) input[type=checkbox]:is(.ow-lyr-switch,:not([class])):checked{--knob:var(--on-accent,#fff);border-color:var(--cobalt,#4a5568);background-color:var(--cobalt,#4a5568);background-position:12px 50%}
#layers#layers#layers input[type=checkbox].ow-lyr-switch:indeterminate{--knob:var(--cobalt,#4a5568);border-color:var(--cobalt,#4a5568);background-color:var(--accent-subtle,rgba(74,85,104,.12));background-position:6px 50%}

/* The overlay toggles above the tree use the same row and switch. */
#layerPanel#layerPanel#layerPanel .ow-profile-controls{display:block;padding:0 0 4px}
#layerPanel#layerPanel#layerPanel .ow-profile-controls [hidden]{display:none!important}
#layerPanel#layerPanel#layerPanel .ow-profile-controls>label{display:flex!important;align-items:center;gap:10px;min-block-size:44px;margin:0;border-bottom:1px solid var(--line-soft,rgba(17,26,45,.07));color:var(--ink,#111a2d)!important;font:700 13px/1.25 var(--font,Arial,Helvetica,sans-serif)!important;cursor:pointer}
@media (pointer:coarse){#layerPanel#layerPanel#layerPanel .ow-profile-controls>label{min-block-size:52px}}
#layerPanel#layerPanel#layerPanel .ow-profile-controls :is(.ow-cb-unavail,small){display:block;margin:6px 0 0;color:var(--muted,#536078)!important;font:400 11px/1.4 var(--font,Arial,Helvetica,sans-serif)!important}
#layerPanel#layerPanel#layerPanel .ow-profile-controls .ow-cb-unavail{display:flex;align-items:center;gap:4px}

/* Foot: where settings live, and the way into the structural editor. */
#layers#layers#layers .ow-lyr-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:10px 0 4px;border-top:1px solid var(--line,rgba(17,26,45,.12))}
#layers#layers#layers .ow-lyr-saved{min-inline-size:0;color:var(--muted,#536078);font:400 11px/1.35 var(--font,Arial,Helvetica,sans-serif)}
#layers#layers#layers .ow-lyr-organise{position:relative;flex:none;block-size:28px!important;height:28px!important;min-height:0!important;padding:0 10px!important;border:1px solid var(--line,rgba(17,26,45,.12))!important;border-radius:var(--r-ctl,5px)!important;background:transparent!important;color:var(--ink,#111a2d)!important;font:700 11.5px/1 var(--font,Arial,Helvetica,sans-serif)!important}
#layers#layers#layers .ow-lyr-organise[aria-pressed="true"]{border-color:var(--cobalt,#4a5568)!important;background:var(--cobalt,#4a5568)!important;color:var(--on-accent,#fff)!important}
@media (pointer:coarse){#layers#layers#layers .ow-lyr-organise::before{content:"";position:absolute;inset:-8px -4px}}
#layers#layers#layers .ow-lyr--organise .ow-lyr-foot{position:sticky;bottom:0;background:var(--glass-strong,rgba(246,247,250,.92))}

@media (prefers-reduced-motion:reduce){#layers#layers#layers .ow-lyr-chev{transition:none}}
@media (prefers-reduced-transparency:reduce){#layers#layers#layers .ow-lyr-head{background:var(--paper,#f6f7fa);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* The in-map panel (.io frame, standalone map): close control and title first,
 * then overlays, then the tree. On a phone the sheet may rise to 72dvh because
 * the list is its content; it still stops above the dock. */
#mapView #layerPanel#layerPanel#layerPanel>:is(.ow-overlay-head,.ow-overlay-min){order:-3}
#mapView #layerPanel#layerPanel#layerPanel>.ow-overlay-min{position:sticky;top:0;z-index:3;align-self:flex-end;flex:none;inline-size:40px;block-size:40px!important;margin:0 2px -40px 0!important}
@media (pointer:coarse){#mapView #layerPanel#layerPanel#layerPanel>.ow-overlay-min{inline-size:44px;block-size:44px!important;margin-bottom:-44px!important}}
#mapView #layerPanel#layerPanel#layerPanel>h2{min-block-size:40px;display:flex;align-items:center}
#mapView #layerPanel#layerPanel#layerPanel>h2{order:-2}
#mapView #layerPanel#layerPanel#layerPanel>.ow-profile-controls{order:-1;padding:0 12px 4px!important;margin:0!important;border-top:0!important}
#mapView #layerPanel#layerPanel#layerPanel>#layers{padding:0 12px!important}
@media (pointer:coarse){#mapView #layerPanel#layerPanel#layerPanel .ow-profile-controls>label{min-block-size:44px}}
body.ow-cb-phone #mapView #layerPanel#layerPanel#layerPanel:not([hidden]){max-height:min(72dvh,calc(100dvh - 62px - var(--safe-b,0px) - 16px))!important}