.options{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px}ciu-view-mode-bar{margin-right:20px}.settings-btn{display:flex;justify-content:center;align-items:center;margin-left:10px;width:25px;height:25px;border-radius:50%}.settings-btn svg{pointer-events:none;fill:var(--dim-fg)}.settings-btn:hover{background-color:var(--form-bg)}.settings-btn:hover svg{fill:white}.wrap{display:block;text-align:center;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--primary-bg-shade-3) var(--primary-bg-shade-1)}::-webkit-scrollbar{width:10px;background-color:var(--primary-bg-shade-1)}::-webkit-scrollbar-track{width:10px}::-webkit-scrollbar-thumb{width:8px;height:8px;background-color:var(--primary-bg-shade-3);border-radius:8px}.wrap.view-mode-date_relative{max-height:75vh;overflow:auto}.support-table{display:inline-grid;position:relative;justify-content:start;align-items:flex-start;padding-top:0.5em;margin-bottom:20px}.view-mode-date_relative .support-table{display:flex}.date-lines{position:absolute;bottom:0;left:0}.date-line{position:absolute;display:flex;justify-content:space-between;border-bottom:2px solid var(--primary-bg-shade-3);margin-bottom:2px;width:100%;text-align:left;font-size:0.8em}ciu-browser-support{display:contents}.view-mode-date_relative ciu-browser-support{max-width:78px;min-width:78px;height:100%;display:block;position:relative;top:-8px}.has-tooltip ciu-version-support{filter:brightness(0.8)}.has-tooltip ciu-version-support:hover,.has-tooltip ciu-version-support:focus{transition:none;filter:none}ciu-version-support:not(:focus){cursor:pointer}ciu-version-support:focus{outline:2px solid cyan !important}.browser-heading{position:relative;grid-row-start:1;display:flex;align-items:center;align-self:end;justify-content:center;min-height:40px;margin:0 2px;border-bottom-width:4px;border-bottom-style:solid;padding-bottom:2px;text-align:center;font-size:14px;font-weight:normal;color:var(--primary-fg);line-height:1.2}.support-list .browser-heading{height:35px;width:999px;max-width:100%}.browser-note-symbol{position:absolute;top:0;right:0;padding-right:0;padding-left:0.2em;color:#ba2f00;pointer-events:none}.view-mode-date_relative .browser-heading{position:sticky;height:4.5em;background-color:var(--primary-bg);top:0px;z-index:1}.view-mode-date_relative .browser-heading:before,.view-mode-date_relative .browser-heading:after{content:'';display:block;position:absolute;top:0;left:-2px;width:2px;height:100%;background:var(--primary-bg)}.view-mode-date_relative .browser-heading:after{left:auto;right:-2px}.browser--ie,.browser--edge{border-color:#385884}.browser--firefox,.browser--and_ff{border-color:#a36223}.browser--chrome,.browser--and_chr{border-color:#3f77bb}.browser--safari{border-color:#666}.browser--opera{border-color:#812323}.browser--op_mini,.browser--op_mob{border-color:#992626}.browser--ios_saf{border-color:#333}.browser--android{border-color:#7ba13b}.browser--bb{border-color:#111}.browser--samsung{border-color:#9753ff}.browser--qq{border-color:#148dfa}.browser--kaios{border-color:#6f02b5}.released-versions{position:relative;display:flex;flex-direction:column;grid-row-start:2;align-self:end;height:100%}.date-relative{min-height:300px}.released-versions:before{display:block;content:'';height:100%;margin:0 2px;background:rgba(0,0,0,0.03)}.placeholder-version{margin:2px;box-sizing:border-box;min-height:30px;max-height:30px;outline:4px solid var(--primary-bg-shade-2);background:var(--primary-bg-shade-2)}.future-versions{grid-row-start:3}