glossary-overlay-view dialog{background-color:var(--bg-color);color:var(--font-color);border:1px solid var(--color-box-border);padding:0;outline:0;border-radius:16px;max-width:100%;width:544px;max-height:100%;height:576px}body.content-loading glossary-overlay-view{opacity:0}glossary-overlay-view dialog::backdrop{background-color:rgba(34,31,31,.7)}glossary-overlay-view dialog .top{position:sticky;top:0;z-index:2;background-color:var(--page-nav-bg-color)}glossary-overlay-view dialog .top .header{display:flex;justify-content:space-between;align-items:center}glossary-overlay-view dialog .top .close{width:20px;height:20px;background-image:var(--close-icon);background-repeat:no-repeat;background-size:contain;margin:16px;cursor:pointer;opacity:.6}glossary-overlay-view dialog .top .close:hover{opacity:1}glossary-overlay-view dialog .top .close:active{opacity:.5}glossary-overlay-view .top .title{font-size:1.1rem;font-weight:500;text-transform:uppercase;padding:16px;text-align:center;flex-grow:1;margin-right:36px}glossary-overlay-view .top ol{list-style:none;display:flex;margin:0;padding:0;box-sizing:border-box;justify-content:space-evenly;font-size:.8rem;font-weight:500;text-transform:uppercase;padding:16px;text-align:center;border-bottom:1px solid var(--page-nav-border-color)}glossary-overlay-view nav li{cursor:pointer;opacity:.4;min-width:112px}glossary-overlay-view nav li:hover{opacity:.8}glossary-overlay-view nav li:active{opacity:.7}glossary-overlay-view[data-level="0"] nav li[data-level="0"]{opacity:1}glossary-overlay-view[data-level="1"] nav li[data-level="1"]{opacity:1}glossary-overlay-view[data-level="2"] nav li[data-level="2"]{opacity:1}glossary-overlay-view .explanation{margin:16px;display:none;line-height:1.4rem;font-size:.95rem}glossary-overlay-view[data-level="0"] .explanation[data-level="0"]{display:block}glossary-overlay-view[data-level="1"] .explanation[data-level="1"]{display:block}glossary-overlay-view[data-level="2"] .explanation[data-level="2"]{display:block}glossary-overlay-view sup.tm{font-size:.55em;font-weight:inherit;line-height:0;vertical-align:.7em;margin-left:.05em}glossary-overlay-view .explanation h4{margin:0;margin-block:var(--space-4) var(--space-1);font-size:.95em;font-weight:700}glossary-overlay-view .explanation table{width:100%;border-collapse:collapse;margin:0;margin-block:var(--space-2);font-size:.9em}glossary-overlay-view .explanation td,glossary-overlay-view .explanation th{padding:.25em .4em;border-bottom:1px solid var(--page-nav-border-color);text-align:left}glossary-overlay-view .explanation th{font-weight:500}glossary-overlay-view .explanation .num{text-align:right;white-space:nowrap}glossary-overlay-view.has-figure .figure{margin:0 16px;margin-block-start:var(--space-4)}glossary-overlay-view.has-figure .explanation{margin-block-start:var(--space-2)}glossary-overlay-view .explanation .figure-caption{margin:0;margin-block-end:var(--space-4);font-size:.9em;line-height:1.25rem}glossary-overlay-view compare-slider.compare{--compare-pos:50%;display:block;position:relative;box-sizing:border-box;aspect-ratio:1000/534;border:1px solid var(--color-box-border);border-radius:8px;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}glossary-overlay-view compare-slider.compare:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}glossary-overlay-view .compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}glossary-overlay-view .compare-img.compare-proximity{clip-path:inset(0 0 0 var(--compare-pos))}glossary-overlay-view .compare-bar{position:absolute;top:0;bottom:0;left:var(--compare-pos);width:2px;margin-left:-1px;background-color:var(--wu-white);box-shadow:0 0 4px rgba(var(--wu-black-raw),.6);pointer-events:none}glossary-overlay-view .compare-knob{position:absolute;top:50%;left:var(--compare-pos);width:30px;height:30px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--wu-white);box-shadow:0 1px 4px rgba(var(--wu-black-raw),.5);color:rgba(var(--wu-black-raw),.8);font-size:.8125em;line-height:1;pointer-events:none}glossary-overlay-view .compare-tag{position:absolute;top:8px;padding:.25em .6em;border-radius:4px;background-color:rgba(var(--wu-black-raw),.78);color:var(--wu-white);font-size:.6875em;font-weight:700;line-height:normal;pointer-events:none}glossary-overlay-view .compare-tag-model{left:8px}glossary-overlay-view .compare-tag-proximity{right:8px}glossary-overlay-view .compare-legend{display:flex;align-items:center;column-gap:var(--space-2);margin-block-start:var(--space-2);font-size:.75em;color:var(--color-secondary-font)}glossary-overlay-view .compare-ramp{flex:1;height:10px;border-radius:5px;background-image:var(--microscale-legend-ramp)}glossary-overlay-view .compare-meta{margin-block-start:var(--space-1);font-size:.75em;line-height:1.5;color:var(--color-secondary-font)}glossary-overlay-view .more-cue{display:none;position:sticky;bottom:0;z-index:1;height:0}glossary-overlay-view.has-figure[data-more] .more-cue{display:block}glossary-overlay-view .more-cue::before{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background-image:linear-gradient(rgba(var(--bg-color-raw),0),var(--bg-color) 75%);pointer-events:none}glossary-overlay-view .more-button{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;column-gap:.25em;margin:0;padding:.5em .75em .5em 1.1em;border:1px solid var(--page-nav-border-color);border-radius:999px;background-color:var(--page-nav-bg-color);box-shadow:0 1px 4px rgba(var(--wu-black-raw),.15);color:var(--font-color);font:inherit;font-size:.8125em;font-weight:500;white-space:nowrap}glossary-overlay-view .more-button:hover{background-color:var(--bg-color)}glossary-overlay-view .more-button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}glossary-overlay-view .more-button .icon{width:1.25em;height:1.25em;background-size:contain}@media (max-width:640px){glossary-overlay-view dialog{border:none;border-radius:0;width:100%;height:100%}}