{"version":3,"file":"glossary/style-index.css","mappings":";;;AAAA;EACC;AACD;AAAC;EAFD;IAGE;EAGA;AACF;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAGD;AADC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;AADC;EACC;EACA;EACA;EAAA;EACA;EAAA;AAGF;AADC;EACC;EACA;EACA;EACA;EACA;EACA;AAGF;AADC;;;EAGC;EACA;AAGF;AAAA;EACC;EACA;AAGD;AADA;;EAEC;EACA;EACA;AAID;AAAA;;EAEC;EACA;EACA;EACA;AAGD;AADC;;EAEC;AAIF;AADA;;EAEC;EACA;AAID;AAHC;EAJD;;IAKE;IACA;IACA;IACA;EAOA;AACF;AAJA;EAEE;IACC;EAMD;EAJA;IACC;EAMD;EAFA;IACC;IAAA;EAID;EAFA;IACC;IACA;IACA;EAID;EAAD;IACC;EAEA;AACF,C","sources":["webpack://jvb/./src/glossary/style.scss"],"sourcesContent":[":root {\r\n\t--navWidth: 40vw;\r\n\t@media (min-width: 768px) {\r\n\t\t--navWidth: 22vw;\r\n\t}\r\n}\r\n\r\nnav.glossary-index {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n\twidth: var(--navWidth);\r\n\tright: -8px;\r\n\theight: 60vh;\r\n\tz-index: var(--z-3);\r\n\r\n\t> ul {\r\n\t\t--dir: column;\r\n\t\t--align: flex-start;\r\n\t\t--justify: flex-start;\r\n\t\t--gap: 1px;\r\n\t\ttouch-action: pan-y;\r\n\t\tmax-height: 100%;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\toverflow: hidden auto;\r\n\t\tscroll-behavior: smooth;\r\n\t}\r\n\tli, a {\r\n\t\tflex: 1;\r\n\t\twidth: 100%;\r\n\t\theight: max-content;\r\n\t\tmin-height: max(var(--chipchip), max-content);\r\n\t}\r\n\ta {\r\n\t\t--justify: center;\r\n\t\tpadding: .25rem .5rem;\r\n\t\thyphens: auto;\r\n\t\tbackground-color: rgba(var(--base),var(--op-45));\r\n\t\tword-wrap: anywhere;\r\n\t\twhite-space: wrap;\r\n\t}\r\n\ta:hover,\r\n\ta:focus,\r\n\ta.active {\r\n\t\tbackground-color: rgba(var(--action-0), var(--op-6));\r\n\t\tcolor: var(--action-contrast);\r\n\t}\r\n}\r\n.glossary dd {\r\n\tmargin-left: .5rem;\r\n\twidth: calc(100% + .75rem);\r\n}\r\n.glossary dd,\r\n.glossary dt {\r\n\tposition: relative;\r\n\tleft: 0;\r\n\ttransition: margin var(--trans-base),\r\n\tleft var(--trans-base),\r\n\twidth var(--trans-base);\r\n}\r\n.glossary dt:target,\r\n.glossary dt.active {\r\n\toutline: none;\r\n\tleft: -1.5rem;\r\n\tpadding: 0;\r\n\tcolor: rgb(var(--action-0));\r\n}\r\n\t.glossary dt:target + dd,\r\n\t.glossary dt.active + dd {\r\n\t\tleft: -1.5rem;\r\n\t}\r\n\r\nmain header,\r\ndl.glossary {\r\n\tgrid-column: full;\r\n\tpadding: 0 var(--navWidth) 0 2rem;\r\n\t@media (min-width:768px) {\r\n\t\tmargin-left: auto;\r\n\t\tmax-width: var(--content);\r\n\t\tmargin-right: var(--navWidth);\r\n\t\tpadding-right: var(--btn);\r\n\t}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t.glossary {\r\n\t\th2 {\r\n\t\t\tfont-size: var(--txt-medium);\r\n\t\t}\r\n\t\tp {\r\n\t\t\tfont-size: var(--txt-x-small);\r\n\t\t}\r\n\t}\r\n\t.glossary-index {\r\n\t\tli,a {\r\n\t\t\theight: fit-content;\r\n\t\t}\r\n\t\ta {\r\n\t\t\tfont-size: var(--txt-x-small);\r\n\t\t\tpadding: .25rem;\r\n\t\t\tmin-height: 2em;\r\n\t\t}\r\n\t}\r\n\r\n\tbody:has(.glossary) h1 {\r\n\t\tfont-size: var(--txt-xx-large);\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}