-
-
-
- - Overview -
Overview
-Welcome to Typst's documentation! Typst is a new markup-based typesetting system - for the sciences. It is designed to be an alternative both to advanced tools - like LaTeX and simpler tools like Word and Google Docs. Our goal with Typst is - to build a typesetting tool that is highly capable and a pleasure to use.
-This documentation is split into two parts: A beginner-friendly tutorial that introduces Typst through a - practical use case and a comprehensive reference that explains all of Typst's concepts and features.
-We also invite you to join the community we're building around Typst. Typst is still a very young project, - so your feedback is more than valuable.
- -
Tutorial
- 
Reference
- 
',
- i.addEventListener("click", N),
- A.appendChild(i),
- r.push({
- target: i,
- listener: N
- }),
- L.appendChild(A);
- const g = document.createElement("td");
- if (x) {
- const v = document.createElement("a");
- v.href = x,
- v.innerHTML = '
',
- g.appendChild(v)
- }
- L.appendChild(g),
- t.appendChild(L)
- }
- }
- e.addEventListener("input", a),
- e.addEventListener("keydown", a),
- s.addEventListener("input", a);
- const h = new URLSearchParams(window.location.search).get("query");
- h && (e.value = h),
- a()
-}
-document.addEventListener("DOMContentLoaded", ()=>{
- for (const n of document.querySelectorAll("nav.folding > ul"))
- setUpAccordeon(n);
- const t = document.querySelector("#page-overview > ul");
- t && setUpOnPageNavigation(t),
- setUpCollapsingSidebar(document.querySelector("nav.folding"));
- alertClose(document.getElementById("closeAlertButton"));
- for (const n of document.querySelectorAll("div.tooltip-context"))
- setUpTooltip(n);
- const e = document.querySelector(".page-end-buttons a.previous")
- , s = document.querySelector(".page-end-buttons a.next");
- window.addEventListener("keydown", n=>{
- document.querySelectorAll("textarea:focus, input:focus").length > 0 || (n.key === "ArrowLeft" && e ? window.location.href = e.href : n.key === "ArrowRight" && s && (window.location.href = s.href))
- }
- );
- for (const n of document.querySelectorAll(".previewed-code > pre"))
- n.clientWidth < n.scrollWidth && n.classList.add("big");
- setUpPackages(),
- setUpSearch(document.getElementById("docs-search"), document.getElementById("search-results"));
- const o = ()=>{
- for (const n of document.querySelectorAll("main > .symbol-grid"))
- setUpSymbolFlyout(n);
- setUpSymbolSearch()
- }
- ;
- window.requestIdleCallback ? window.requestIdleCallback(o) : o()
-}
-);
diff --git a/static/scripts/fuse.basic.min.js b/static/scripts/fuse.basic.min.js
deleted file mode 100644
index cb514b72fd..0000000000
--- a/static/scripts/fuse.basic.min.js
+++ /dev/null
@@ -1,936 +0,0 @@
-var e, t;
-e = this,
-t = function() {
- "use strict";
- function gt(i, n) {
- var o = Object.keys(i);
- if (Object.getOwnPropertySymbols) {
- var r = Object.getOwnPropertySymbols(i);
- n && (r = r.filter(function(a) {
- return Object.getOwnPropertyDescriptor(i, a).enumerable
- })),
- o.push.apply(o, r)
- }
- return o
- }
- function C(i) {
- for (var n = 1; n < arguments.length; n++) {
- var o = arguments[n] != null ? arguments[n] : {};
- n % 2 ? gt(Object(o), !0).forEach(function(r) {
- Tt(i, r, o[r])
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(o)) : gt(Object(o)).forEach(function(r) {
- Object.defineProperty(i, r, Object.getOwnPropertyDescriptor(o, r))
- })
- }
- return i
- }
- function rt(i) {
- return rt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
- return typeof n
- }
- : function(n) {
- return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n
- }
- ,
- rt(i)
- }
- function Q(i, n) {
- if (!(i instanceof n))
- throw new TypeError("Cannot call a class as a function")
- }
- function vt(i, n) {
- for (var o = 0; o < n.length; o++) {
- var r = n[o];
- r.enumerable = r.enumerable || !1,
- r.configurable = !0,
- "value"in r && (r.writable = !0),
- Object.defineProperty(i, r.key, r)
- }
- }
- function X(i, n, o) {
- return n && vt(i.prototype, n),
- o && vt(i, o),
- Object.defineProperty(i, "prototype", {
- writable: !1
- }),
- i
- }
- function Tt(i, n, o) {
- return n in i ? Object.defineProperty(i, n, {
- value: o,
- enumerable: !0,
- configurable: !0,
- writable: !0
- }) : i[n] = o,
- i
- }
- function it(i) {
- return function(n) {
- if (Array.isArray(n))
- return ot(n)
- }(i) || function(n) {
- if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null)
- return Array.from(n)
- }(i) || function(n, o) {
- if (n) {
- if (typeof n == "string")
- return ot(n, o);
- var r = Object.prototype.toString.call(n).slice(8, -1);
- return r === "Object" && n.constructor && (r = n.constructor.name),
- r === "Map" || r === "Set" ? Array.from(n) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ot(n, o) : void 0
- }
- }(i) || function() {
- throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)
- }()
- }
- function ot(i, n) {
- (n == null || n > i.length) && (n = i.length);
- for (var o = 0, r = new Array(n); o < n; o++)
- r[o] = i[o];
- return r
- }
- function O(i) {
- return Array.isArray ? Array.isArray(i) : yt(i) === "[object Array]"
- }
- function x(i) {
- return typeof i == "string"
- }
- function mt(i) {
- return typeof i == "number"
- }
- function Dt(i) {
- return i === !0 || i === !1 || function(n) {
- return function(o) {
- return rt(o) === "object"
- }(n) && n !== null
- }(i) && yt(i) == "[object Boolean]"
- }
- function y(i) {
- return i != null
- }
- function at(i) {
- return !i.trim().length
- }
- function yt(i) {
- return i == null ? i === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(i)
- }
- var Vt = "Extended search is not available"
- , zt = function(i) {
- return "Pattern length exceeds max of ".concat(i, ".")
- }
- , pt = Object.prototype.hasOwnProperty
- , Bt = function() {
- function i(n) {
- var o = this;
- Q(this, i),
- this._keys = [],
- this._keyMap = {};
- var r = 0;
- n.forEach(function(a) {
- var s = bt(a);
- r += s.weight,
- o._keys.push(s),
- o._keyMap[s.id] = s,
- r += s.weight
- }),
- this._keys.forEach(function(a) {
- a.weight /= r
- })
- }
- return X(i, [{
- key: "get",
- value: function(n) {
- return this._keyMap[n]
- }
- }, {
- key: "keys",
- value: function() {
- return this._keys
- }
- }, {
- key: "toJSON",
- value: function() {
- return JSON.stringify(this._keys)
- }
- }]),
- i
- }();
- function bt(i) {
- var n = null
- , o = null
- , r = null
- , a = 1
- , s = null;
- if (x(i) || O(i))
- r = i,
- n = kt(i),
- o = Mt(i);
- else {
- if (!pt.call(i, "name"))
- throw new Error(function(u) {
- return "Missing ".concat(u, " property in key")
- }("name"));
- var c = i.name;
- if (r = c,
- pt.call(i, "weight") && (a = i.weight) <= 0)
- throw new Error(function(u) {
- return "Property 'weight' in key '".concat(u, "' must be a positive integer")
- }(c));
- n = kt(c),
- o = Mt(c),
- s = i.getFn
- }
- return {
- path: n,
- id: o,
- weight: a,
- src: r,
- getFn: s
- }
- }
- function kt(i) {
- return O(i) ? i : i.split(".")
- }
- function Mt(i) {
- return O(i) ? i.join(".") : i
- }
- var Gt = {
- useExtendedSearch: !1,
- getFn: function(i, n) {
- var o = []
- , r = !1;
- return function a(s, c, u) {
- if (y(s))
- if (c[u]) {
- var h = s[c[u]];
- if (!y(h))
- return;
- if (u === c.length - 1 && (x(h) || mt(h) || Dt(h)))
- o.push(function(f) {
- return f == null ? "" : function(m) {
- if (typeof m == "string")
- return m;
- var v = m + "";
- return v == "0" && 1 / m == -1 / 0 ? "-0" : v
- }(f)
- }(h));
- else if (O(h)) {
- r = !0;
- for (var l = 0, g = h.length; l < g; l += 1)
- a(h[l], c, u + 1)
- } else
- c.length && a(h, c, u + 1)
- } else
- o.push(s)
- }(i, x(n) ? n.split(".") : n, 0),
- r ? o : o[0]
- },
- ignoreLocation: !1,
- ignoreFieldNorm: !1,
- fieldNormWeight: 1
- }
- , d = C(C(C(C({}, {
- isCaseSensitive: !1,
- includeScore: !1,
- keys: [],
- shouldSort: !0,
- sortFn: function(i, n) {
- return i.score === n.score ? i.idx < n.idx ? -1 : 1 : i.score < n.score ? -1 : 1
- }
- }), {
- includeMatches: !1,
- findAllMatches: !1,
- minMatchCharLength: 1
- }), {
- location: 0,
- threshold: .6,
- distance: 100
- }), Gt)
- , Ht = /[^ ]+/g;
- function Qt() {
- var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1
- , n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 3
- , o = new Map
- , r = Math.pow(10, n);
- return {
- get: function(a) {
- var s = a.match(Ht).length;
- if (o.has(s))
- return o.get(s);
- var c = 1 / Math.pow(s, .5 * i)
- , u = parseFloat(Math.round(c * r) / r);
- return o.set(s, u),
- u
- },
- clear: function() {
- o.clear()
- }
- }
- }
- var st = function() {
- function i() {
- var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}
- , o = n.getFn
- , r = o === void 0 ? d.getFn : o
- , a = n.fieldNormWeight
- , s = a === void 0 ? d.fieldNormWeight : a;
- Q(this, i),
- this.norm = Qt(s, 3),
- this.getFn = r,
- this.isCreated = !1,
- this.setIndexRecords()
- }
- return X(i, [{
- key: "setSources",
- value: function() {
- var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
- this.docs = n
- }
- }, {
- key: "setIndexRecords",
- value: function() {
- var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
- this.records = n
- }
- }, {
- key: "setKeys",
- value: function() {
- var n = this
- , o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
- this.keys = o,
- this._keysMap = {},
- o.forEach(function(r, a) {
- n._keysMap[r.id] = a
- })
- }
- }, {
- key: "create",
- value: function() {
- var n = this;
- !this.isCreated && this.docs.length && (this.isCreated = !0,
- x(this.docs[0]) ? this.docs.forEach(function(o, r) {
- n._addString(o, r)
- }) : this.docs.forEach(function(o, r) {
- n._addObject(o, r)
- }),
- this.norm.clear())
- }
- }, {
- key: "add",
- value: function(n) {
- var o = this.size();
- x(n) ? this._addString(n, o) : this._addObject(n, o)
- }
- }, {
- key: "removeAt",
- value: function(n) {
- this.records.splice(n, 1);
- for (var o = n, r = this.size(); o < r; o += 1)
- this.records[o].i -= 1
- }
- }, {
- key: "getValueForItemAtKeyId",
- value: function(n, o) {
- return n[this._keysMap[o]]
- }
- }, {
- key: "size",
- value: function() {
- return this.records.length
- }
- }, {
- key: "_addString",
- value: function(n, o) {
- if (y(n) && !at(n)) {
- var r = {
- v: n,
- i: o,
- n: this.norm.get(n)
- };
- this.records.push(r)
- }
- }
- }, {
- key: "_addObject",
- value: function(n, o) {
- var r = this
- , a = {
- i: o,
- $: {}
- };
- this.keys.forEach(function(s, c) {
- var u = s.getFn ? s.getFn(n) : r.getFn(n, s.path);
- if (y(u)) {
- if (O(u))
- (function() {
- for (var l = [], g = [{
- nestedArrIndex: -1,
- value: u
- }]; g.length; ) {
- var f = g.pop()
- , m = f.nestedArrIndex
- , v = f.value;
- if (y(v))
- if (x(v) && !at(v)) {
- var S = {
- v,
- i: m,
- n: r.norm.get(v)
- };
- l.push(S)
- } else
- O(v) && v.forEach(function(k, p) {
- g.push({
- nestedArrIndex: p,
- value: k
- })
- })
- }
- a.$[c] = l
- }
- )();
- else if (x(u) && !at(u)) {
- var h = {
- v: u,
- n: r.norm.get(u)
- };
- a.$[c] = h
- }
- }
- }),
- this.records.push(a)
- }
- }, {
- key: "toJSON",
- value: function() {
- return {
- keys: this.keys,
- records: this.records
- }
- }
- }]),
- i
- }();
- function Lt(i, n) {
- var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}
- , r = o.getFn
- , a = r === void 0 ? d.getFn : r
- , s = o.fieldNormWeight
- , c = s === void 0 ? d.fieldNormWeight : s
- , u = new st({
- getFn: a,
- fieldNormWeight: c
- });
- return u.setKeys(i.map(bt)),
- u.setSources(n),
- u.create(),
- u
- }
- function Y(i) {
- var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
- , o = n.errors
- , r = o === void 0 ? 0 : o
- , a = n.currentLocation
- , s = a === void 0 ? 0 : a
- , c = n.expectedLocation
- , u = c === void 0 ? 0 : c
- , h = n.distance
- , l = h === void 0 ? d.distance : h
- , g = n.ignoreLocation
- , f = g === void 0 ? d.ignoreLocation : g
- , m = r / i.length;
- if (f)
- return m;
- var v = Math.abs(u - s);
- return l ? m + v / l : v ? 1 : m
- }
- function Xt() {
- for (var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : d.minMatchCharLength, o = [], r = -1, a = -1, s = 0, c = i.length; s < c; s += 1) {
- var u = i[s];
- u && r === -1 ? r = s : u || r === -1 || ((a = s - 1) - r + 1 >= n && o.push([r, a]),
- r = -1)
- }
- return i[s - 1] && s - r >= n && o.push([r, s - 1]),
- o
- }
- var j = 32;
- function Yt(i) {
- for (var n = {}, o = 0, r = i.length; o < r; o += 1) {
- var a = i.charAt(o);
- n[a] = (n[a] || 0) | 1 << r - o - 1
- }
- return n
- }
- var Zt = function() {
- function i(n) {
- var o = this
- , r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
- , a = r.location
- , s = a === void 0 ? d.location : a
- , c = r.threshold
- , u = c === void 0 ? d.threshold : c
- , h = r.distance
- , l = h === void 0 ? d.distance : h
- , g = r.includeMatches
- , f = g === void 0 ? d.includeMatches : g
- , m = r.findAllMatches
- , v = m === void 0 ? d.findAllMatches : m
- , S = r.minMatchCharLength
- , k = S === void 0 ? d.minMatchCharLength : S
- , p = r.isCaseSensitive
- , _ = p === void 0 ? d.isCaseSensitive : p
- , N = r.ignoreLocation
- , B = N === void 0 ? d.ignoreLocation : N;
- if (Q(this, i),
- this.options = {
- location: s,
- threshold: u,
- distance: l,
- includeMatches: f,
- findAllMatches: v,
- minMatchCharLength: k,
- isCaseSensitive: _,
- ignoreLocation: B
- },
- this.pattern = _ ? n : n.toLowerCase(),
- this.chunks = [],
- this.pattern.length) {
- var G = function(M, ct) {
- o.chunks.push({
- pattern: M,
- alphabet: Yt(M),
- startIndex: ct
- })
- }
- , w = this.pattern.length;
- if (w > j) {
- for (var E = 0, Z = w % j, $ = w - Z; E < $; )
- G(this.pattern.substr(E, j), E),
- E += j;
- if (Z) {
- var P = w - j;
- G(this.pattern.substr(P), P)
- }
- } else
- G(this.pattern, 0)
- }
- }
- return X(i, [{
- key: "searchIn",
- value: function(n) {
- var o = this.options
- , r = o.isCaseSensitive
- , a = o.includeMatches;
- if (r || (n = n.toLowerCase()),
- this.pattern === n) {
- var s = {
- isMatch: !0,
- score: 0
- };
- return a && (s.indices = [[0, n.length - 1]]),
- s
- }
- var c = this.options
- , u = c.location
- , h = c.distance
- , l = c.threshold
- , g = c.findAllMatches
- , f = c.minMatchCharLength
- , m = c.ignoreLocation
- , v = []
- , S = 0
- , k = !1;
- this.chunks.forEach(function(_) {
- var N = _.pattern
- , B = _.alphabet
- , G = _.startIndex
- , w = function(P, M, ct) {
- var I = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}
- , _t = I.location
- , Kt = _t === void 0 ? d.location : _t
- , wt = I.distance
- , q = wt === void 0 ? d.distance : wt
- , At = I.threshold
- , Rt = At === void 0 ? d.threshold : At
- , Ot = I.findAllMatches
- , te = Ot === void 0 ? d.findAllMatches : Ot
- , jt = I.minMatchCharLength
- , Et = jt === void 0 ? d.minMatchCharLength : jt
- , It = I.includeMatches
- , Ft = It === void 0 ? d.includeMatches : It
- , Ct = I.ignoreLocation
- , U = Ct === void 0 ? d.ignoreLocation : Ct;
- if (M.length > j)
- throw new Error(zt(j));
- for (var J, W = M.length, H = P.length, b = Math.max(0, Math.min(Kt, H)), T = Rt, D = b, K = Et > 1 || Ft, ut = K ? Array(H) : []; (J = P.indexOf(M, D)) > -1; ) {
- var ee = Y(M, {
- currentLocation: J,
- expectedLocation: b,
- distance: q,
- ignoreLocation: U
- });
- if (T = Math.min(ee, T),
- D = J + W,
- K)
- for (var ht = 0; ht < W; )
- ut[J + ht] = 1,
- ht += 1
- }
- D = -1;
- for (var R = [], lt = 1, tt = W + H, ne = 1 << W - 1, F = 0; F < W; F += 1) {
- for (var et = 0, A = tt; et < A; )
- Y(M, {
- errors: F,
- currentLocation: b + A,
- expectedLocation: b,
- distance: q,
- ignoreLocation: U
- }) <= T ? et = A : tt = A,
- A = Math.floor((tt - et) / 2 + et);
- tt = A;
- var Nt = Math.max(1, b - A + 1)
- , dt = te ? H : Math.min(b + A, H) + W
- , V = Array(dt + 2);
- V[dt + 1] = (1 << F) - 1;
- for (var L = dt; L >= Nt; L -= 1) {
- var nt = L - 1
- , Pt = ct[P.charAt(nt)];
- if (K && (ut[nt] = +!!Pt),
- V[L] = (V[L + 1] << 1 | 1) & Pt,
- F && (V[L] |= (R[L + 1] | R[L]) << 1 | 1 | R[L + 1]),
- V[L] & ne && (lt = Y(M, {
- errors: F,
- currentLocation: nt,
- expectedLocation: b,
- distance: q,
- ignoreLocation: U
- })) <= T) {
- if (T = lt,
- (D = nt) <= b)
- break;
- Nt = Math.max(1, 2 * b - D)
- }
- }
- if (Y(M, {
- errors: F + 1,
- currentLocation: b,
- expectedLocation: b,
- distance: q,
- ignoreLocation: U
- }) > T)
- break;
- R = V
- }
- var ft = {
- isMatch: D >= 0,
- score: Math.max(.001, lt)
- };
- if (K) {
- var Wt = Xt(ut, Et);
- Wt.length ? Ft && (ft.indices = Wt) : ft.isMatch = !1
- }
- return ft
- }(n, N, B, {
- location: u + G,
- distance: h,
- threshold: l,
- findAllMatches: g,
- minMatchCharLength: f,
- includeMatches: a,
- ignoreLocation: m
- })
- , E = w.isMatch
- , Z = w.score
- , $ = w.indices;
- E && (k = !0),
- S += Z,
- E && $ && (v = [].concat(it(v), it($)))
- });
- var p = {
- isMatch: k,
- score: k ? S / this.chunks.length : 1
- };
- return k && a && (p.indices = v),
- p
- }
- }]),
- i
- }()
- , xt = [];
- function St(i, n) {
- for (var o = 0, r = xt.length; o < r; o += 1) {
- var a = xt[o];
- if (a.condition(i, n))
- return new a(i,n)
- }
- return new Zt(i,n)
- }
- function $t(i, n) {
- var o = n.ignoreFieldNorm
- , r = o === void 0 ? d.ignoreFieldNorm : o;
- i.forEach(function(a) {
- var s = 1;
- a.matches.forEach(function(c) {
- var u = c.key
- , h = c.norm
- , l = c.score
- , g = u ? u.weight : null;
- s *= Math.pow(l === 0 && g ? Number.EPSILON : l, (g || 1) * (r ? 1 : h))
- }),
- a.score = s
- })
- }
- function qt(i, n) {
- var o = i.matches;
- n.matches = [],
- y(o) && o.forEach(function(r) {
- if (y(r.indices) && r.indices.length) {
- var a = {
- indices: r.indices,
- value: r.value
- };
- r.key && (a.key = r.key.src),
- r.idx > -1 && (a.refIndex = r.idx),
- n.matches.push(a)
- }
- })
- }
- function Ut(i, n) {
- n.score = i.score
- }
- function Jt(i, n) {
- var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}
- , r = o.includeMatches
- , a = r === void 0 ? d.includeMatches : r
- , s = o.includeScore
- , c = s === void 0 ? d.includeScore : s
- , u = [];
- return a && u.push(qt),
- c && u.push(Ut),
- i.map(function(h) {
- var l = h.idx
- , g = {
- item: n[l],
- refIndex: l
- };
- return u.length && u.forEach(function(f) {
- f(h, g)
- }),
- g
- })
- }
- var z = function() {
- function i(n) {
- var o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
- , r = arguments.length > 2 ? arguments[2] : void 0;
- if (Q(this, i),
- this.options = C(C({}, d), o),
- this.options.useExtendedSearch)
- throw new Error(Vt);
- this._keyStore = new Bt(this.options.keys),
- this.setCollection(n, r)
- }
- return X(i, [{
- key: "setCollection",
- value: function(n, o) {
- if (this._docs = n,
- o && !(o instanceof st))
- throw new Error("Incorrect 'index' type");
- this._myIndex = o || Lt(this.options.keys, this._docs, {
- getFn: this.options.getFn,
- fieldNormWeight: this.options.fieldNormWeight
- })
- }
- }, {
- key: "add",
- value: function(n) {
- y(n) && (this._docs.push(n),
- this._myIndex.add(n))
- }
- }, {
- key: "remove",
- value: function() {
- for (var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function() {
- return !1
- }
- , o = [], r = 0, a = this._docs.length; r < a; r += 1) {
- var s = this._docs[r];
- n(s, r) && (this.removeAt(r),
- r -= 1,
- a -= 1,
- o.push(s))
- }
- return o
- }
- }, {
- key: "removeAt",
- value: function(n) {
- this._docs.splice(n, 1),
- this._myIndex.removeAt(n)
- }
- }, {
- key: "getIndex",
- value: function() {
- return this._myIndex
- }
- }, {
- key: "search",
- value: function(n) {
- var o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
- , r = o.limit
- , a = r === void 0 ? -1 : r
- , s = this.options
- , c = s.includeMatches
- , u = s.includeScore
- , h = s.shouldSort
- , l = s.sortFn
- , g = s.ignoreFieldNorm
- , f = x(n) ? x(this._docs[0]) ? this._searchStringList(n) : this._searchObjectList(n) : this._searchLogical(n);
- return $t(f, {
- ignoreFieldNorm: g
- }),
- h && f.sort(l),
- mt(a) && a > -1 && (f = f.slice(0, a)),
- Jt(f, this._docs, {
- includeMatches: c,
- includeScore: u
- })
- }
- }, {
- key: "_searchStringList",
- value: function(n) {
- var o = St(n, this.options)
- , r = this._myIndex.records
- , a = [];
- return r.forEach(function(s) {
- var c = s.v
- , u = s.i
- , h = s.n;
- if (y(c)) {
- var l = o.searchIn(c)
- , g = l.isMatch
- , f = l.score
- , m = l.indices;
- g && a.push({
- item: c,
- idx: u,
- matches: [{
- score: f,
- value: c,
- norm: h,
- indices: m
- }]
- })
- }
- }),
- a
- }
- }, {
- key: "_searchLogical",
- value: function(n) {
- throw new Error("Logical search is not available")
- }
- }, {
- key: "_searchObjectList",
- value: function(n) {
- var o = this
- , r = St(n, this.options)
- , a = this._myIndex
- , s = a.keys
- , c = a.records
- , u = [];
- return c.forEach(function(h) {
- var l = h.$
- , g = h.i;
- if (y(l)) {
- var f = [];
- s.forEach(function(m, v) {
- f.push.apply(f, it(o._findMatches({
- key: m,
- value: l[v],
- searcher: r
- })))
- }),
- f.length && u.push({
- idx: g,
- item: l,
- matches: f
- })
- }
- }),
- u
- }
- }, {
- key: "_findMatches",
- value: function(n) {
- var o = n.key
- , r = n.value
- , a = n.searcher;
- if (!y(r))
- return [];
- var s = [];
- if (O(r))
- r.forEach(function(m) {
- var v = m.v
- , S = m.i
- , k = m.n;
- if (y(v)) {
- var p = a.searchIn(v)
- , _ = p.isMatch
- , N = p.score
- , B = p.indices;
- _ && s.push({
- score: N,
- key: o,
- value: v,
- idx: S,
- norm: k,
- indices: B
- })
- }
- });
- else {
- var c = r.v
- , u = r.n
- , h = a.searchIn(c)
- , l = h.isMatch
- , g = h.score
- , f = h.indices;
- l && s.push({
- score: g,
- key: o,
- value: c,
- norm: u,
- indices: f
- })
- }
- return s
- }
- }]),
- i
- }();
- return z.version = "6.6.2",
- z.createIndex = Lt,
- z.parseIndex = function(i) {
- var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}
- , o = n.getFn
- , r = o === void 0 ? d.getFn : o
- , a = n.fieldNormWeight
- , s = a === void 0 ? d.fieldNormWeight : a
- , c = i.keys
- , u = i.records
- , h = new st({
- getFn: r,
- fieldNormWeight: s
- });
- return h.setKeys(c),
- h.setIndexRecords(u),
- h
- }
- ,
- z.config = d,
- z
-}
-,
-typeof exports == "object" && typeof module < "u" ? module.exports = t() : typeof define == "function" && define.amd ? define(t) : (e = typeof globalThis < "u" ? globalThis : e || self).Fuse = t();
diff --git a/static/styles/custom.css b/static/styles/custom.css
deleted file mode 100644
index 536ac5ef26..0000000000
--- a/static/styles/custom.css
+++ /dev/null
@@ -1,22 +0,0 @@
-p {
- line-height: 1.8;
- margin: 2em 0em 2em 0em;
-}
-
-.alert {
- max-width: 100% !important;
- width: 100%;
- background-color: #ffc505;
-}
-
-.alert-content {
- margin: 1em 2em;
-}
-
-.alert > button {
- position: absolute;
- top: 1em;
- right: 0.25em;
- background: none;
- border: none;
-}
diff --git a/static/styles/default.css b/static/styles/default.css
deleted file mode 100644
index 55eb7ed1b9..0000000000
--- a/static/styles/default.css
+++ /dev/null
@@ -1,2394 +0,0 @@
-@font-face {
- font-display: swap;
- font-family: HK Grotesk;
- font-weight: 700;
- src: local("HKGrotesk-Bold"),url(/assets/fonts/HKGrotesk-Bold.woff2) format("woff2"),url(/assets/fonts/HKGrotesk-Bold.ttf) format("truetype")
-}
-
-@font-face {
- font-display: swap;
- font-family: HK Grotesk;
- font-weight: 600;
- src: local("HKGrotesk-SemiBold"),url(/assets/fonts/HKGrotesk-SemiBold.woff2) format("woff2"),url(/assets/fonts/HKGrotesk-SemiBold.ttf) format("truetype")
-}
-
-@font-face {
- font-display: swap;
- font-family: HK Grotesk;
- font-weight: 400;
- src: local("HK Grotesk"),local("HKGrotesk-Regular"),url(/assets/fonts/HKGrotesk-Regular.woff2) format("woff2"),url(/assets/fonts/HKGrotesk-Regular.ttf) format("truetype")
-}
-
-@font-face {
- font-display: swap;
- font-family: Cascadia Mono;
- font-weight: 400;
- src: local("Cascadia Mono"),local("CascadiaMono-Regular"),url(/assets/fonts/CascadiaMono-Regular-Sub.woff2) format("woff2"),url(/assets/fonts/CascadiaMono-Regular-Sub.woff) format("woff"),url(/assets/fonts/CascadiaMono-Regular.ttf) format("truetype")
-}
-
-@keyframes slide {
- 0% {
- transform: translateX(0)
- }
-
- to {
- transform: translateX(-100%)
- }
-}
-
-@keyframes slide-mobile {
- 0% {
- transform: translateX(0)
- }
-
- to {
- transform: translateX(-160%)
- }
-}
-
-@media (hover: hover) {
- button:hover,input[type=submit]:hover {
- background-color:#e4e5ea
- }
-
- #need-full-control .drawer button:hover {
- background-color: #26252e
- }
-
- .vertical-btns button:hover {
- background-color: #d7d9e0
- }
-
- .modal #md-close:hover,.modal #md-next:hover,.modal #md-prev:hover {
- background: #1616162f!important
- }
-}
-
-#__bs_notify__ {
- display: none!important
-}
-
-body,html {
- background-color: #fdfdfd;
- color: #19181f;
- font-family: HK Grotesk,Inter,BIZ UDGothic,BIZ UDPGothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
- font-size: 18px;
- scroll-behavior: smooth;
- scroll-padding-top: min(max(65px,8vh),128px)
-}
-
-body {
- align-items: center;
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0
-}
-
-main a:link,section a:link {
- color: #007aff
-}
-
-main a:visited,section a:visited {
- color: #5d25c6
-}
-
-body>:not(.full-width) {
- box-sizing: border-box;
- max-width: 992px;
- width: 100%
-}
-
-body>header {
- max-width: unset!important
-}
-
-body>footer,body>header>div {
- max-width: 1536px!important
-}
-
-body>footer {
- align-items: flex-end;
- color: #565565;
- display: flex;
- font-size: 16px;
- padding: 120px 40px 40px
-}
-
-body>footer>* {
- flex-grow: 1
-}
-
-body>footer>:last-child {
- text-align: right
-}
-
-body>footer ul {
- list-style: none;
- padding: 0
-}
-
-body>footer a {
- color: inherit;
- text-decoration: none
-}
-
-body.landing {
- overflow-x: hidden
-}
-
-.no-overflow {
- overflow: hidden
-}
-
-h2,h3,h4 {
- font-weight: 600
-}
-
-h2 {
- -webkit-margin-before: 16px;
- -webkit-margin-after: 12px;
- font-size: 24px;
- margin-block-end:12px;margin-block-start:16px}
-
-button {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-color: #fdfdfd;
- border: 1px solid #bdbfcc;
- border-radius: 6px;
- color: inherit;
- margin: 0;
- padding: 8px 16px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-button:-moz-focusring,input:-moz-focusring,textarea:-moz-focusring {
- outline: 3px solid rgba(0,122,255,.5);
- outline-offset: 0
-}
-
-button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus {
- outline: none
-}
-
-button:focus-visible,input:focus-visible,textarea:focus-visible {
- outline: 3px solid rgba(0,122,255,.5);
- outline-offset: 0
-}
-
-button:active,input[type=submit]:active {
- background-color: #d7d9e0!important
-}
-
-input:-ms-input-placeholder {
- color: #565565
-}
-
-input::placeholder {
- color: #565565
-}
-
-textarea {
- font-family: inherit;
- resize: vertical
-}
-
-input[type=checkbox] {
- margin-left: 0;
- margin-right: 8px
-}
-
-.code,code,pre {
- font-family: Cascadia Mono,Courier New,Courier,monospace;
- font-size: 15px
-}
-
-code .indented {
- display: block;
- margin-left: 2em
-}
-
-section {
- column-gap: 24px;
- gap: 32px;
- padding: 80px 32px 40px;
- row-gap: 16px
-}
-
-main {
- padding: 0 32px
-}
-
-h1 {
- -webkit-margin-after: 24px;
- font-size: 36px;
- font-weight: 700;
- margin-block-end:24px}
-
-h1 small {
- -webkit-margin-start: .2em;
- color: #565565;
- font-size: 24px;
- margin-inline-start:.2em}
-
-h3 {
- font-size: inherit
-}
-
-p {
- -webkit-margin-before: .5rem;
- -webkit-margin-after: .5rem;
- margin-block-end:.5rem;margin-block-start:.5rem}
-
-address {
- font-style: inherit
-}
-
-strong {
- font-weight: 600
-}
-
-section>*>h2:first-child {
- -webkit-margin-before: 0;
- margin-block-start:0}
-
-.signup {
- margin-block:48px 32px}
-
-.signup p,.signup>a {
- font-size: 13px
-}
-
-.signup>a {
- color: #fdfdfd!important
-}
-
-.hidden-tip {
- opacity: 0;
- pointer-events: none;
- transition: opacity .2s ease
-}
-
-.hidden-tip.display {
- opacity: 1;
- pointer-events: auto
-}
-
-.hidden-tip.error {
- color: #f4ffa4
-}
-
-.cta-field,.ctas>a {
- border: 2px solid #fdfdfd;
- border-radius: 8px;
- margin: 0 auto 8px
-}
-
-.ctas>a {
- font-weight: 600;
- padding: 12px 24px
-}
-
-.ctas>a:not(:last-child) {
- margin-right: 8px
-}
-
-.cta-field,.ctas>a.primary {
- background: #fdfdfd;
- border-color: #0a3649
-}
-
-.ctas>a {
- color: inherit!important;
- display: inline-block;
- text-decoration: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.ctas>a.primary {
- color: #19181f!important
-}
-
-.cta-field {
- display: flex;
- font-size: 14px;
- max-width: 390px
-}
-
-.cta-field>:first-child {
- border-radius: 8px 0 0 8px;
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- line-height: 0
-}
-
-.cta-field>:first-child input {
- background: none;
- border: none;
- box-sizing: border-box;
- font-size: inherit;
- margin: 0;
- padding: 16px 15px;
- width: 100%
-}
-
-.cta-field>:first-child input:first-child {
- border-top-left-radius: 8px
-}
-
-.cta-field.no-captcha>:first-child input:first-child,.cta-field>:first-child input:last-child {
- border-bottom-left-radius: 8px
-}
-
-.cta-field>:first-child svg {
- background: #eff0f3;
- border-bottom: 1px solid #d7d9e0;
- border-top: 1px solid #d7d9e0;
- box-sizing: border-box;
- height: 80px;
- transition: height .2s ease;
- width: 100%
-}
-
-.cta-field.no-captcha>:first-child svg {
- border-width: 0;
- height: 0
-}
-
-.cta-field>:first-child .captcha-text {
- max-height: 50px;
- opacity: 1;
- overflow: hidden;
- transition: max-height .2s ease,opacity .2s ease,padding-block .2s ease
-}
-
-.cta-field.no-captcha>:first-child .captcha-text {
- max-height: 0;
- opacity: 0;
- padding-block:0}
-
-.cta-field input[type=submit] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: none;
- border: none;
- border-left: 2px solid #0a3649;
- border-radius: 0 8px 8px 0;
- color: #19181f;
- cursor: pointer;
- font-size: inherit;
- font-weight: 400;
- margin: 0;
- min-height: 100%;
- padding: 16px 15px;
- text-transform: lowercase;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-#cta h1,.landing h1 {
- -webkit-margin-after: 1rem;
- font-size: 56px;
- margin-block-end:1rem}
-
-#cta h2,.landing h2 {
- font-size: 28px
-}
-
-#cta {
- background-size: 143%;
- border-radius: 32px;
- margin: 120px 16px 40px;
- padding: 100px 64px 80px;
- text-align: center
-}
-
-#cta h2 {
- -webkit-margin-before: 0;
- display: block;
- margin-block-start:0}
-
-.banner {
- background: #0a3649;
- color: #fdfdfd;
- display: flex;
- gap: 4px;
- justify-content: center;
- padding: 8px;
- position: -webkit-sticky;
- position: sticky;
- text-align: center;
- top: 0;
- z-index: 10
-}
-
-.banner button {
- background: none;
- border: none;
- justify-self: flex-end;
- line-height: 0;
- margin: 0;
- padding: 4px;
- position: absolute;
- right: 16px
-}
-
-.banner button:hover {
- background-color: #11566c
-}
-
-.banner button:active {
- background-color: #19798d!important
-}
-
-.banner+header {
- top: 39px
-}
-
-.banner a {
- color: inherit!important
-}
-
-.time {
- font-weight: 700
-}
-
-header {
- color: #fdfdfd;
- font-size: 14px;
- position: absolute;
- top: 0;
- z-index: 7
-}
-
-header.boring {
- position: relative
-}
-
-header>div {
- align-items: center;
- display: flex;
- gap: 8px;
- justify-content: space-between;
- margin: auto;
- padding: 24px 32px
-}
-
-header>div>a img,header>div>a svg {
- margin-top: 3px;
- width: auto
-}
-
-header.fixed>div>a img,header.fixed>div>a svg {
- height: 26px;
- margin-top: 0;
- width: auto
-}
-
-header.fixed {
- box-shadow: 0 4px 12px rgba(89,85,101,.2);
- position: fixed;
- z-index: 5
-}
-
-header.boring,header.fixed {
- background: #fdfdfd;
- color: #19181f
-}
-
-header.fixed.blue {
- background: #239dad;
- box-shadow: 0 4px 16px -2px (89,85,101,.2);
- color: #fdfdfd
-}
-
-header.fixed>div {
- padding: 12px 32px
-}
-
-header>div>a:first-child:not(.btn) {
- color: inherit;
- display: block;
- height: 33px
-}
-
-header.fixed>div>a:first-child {
- align-items: center;
- display: flex;
- text-decoration: none
-}
-
-header.boring>div>a:first-child:not(.btn),header.fixed:not(.blue)>div>a:first-child {
- color: #239dad
-}
-
-header.boring>div>a img {
- filter: invert(47%) sepia(80%) saturate(436%) hue-rotate(139deg) brightness(95%) contrast(86%)
-}
-
-header.blue .logo-box img {
- filter: invert(100%) sepia(1%) saturate(4%) hue-rotate(221deg) brightness(107%) contrast(98%)
-}
-
-header .beta-pill {
- -webkit-margin-start: 12px;
- border: 1px solid #565565;
- border-radius: 4px;
- bottom: 18px;
- display: inline-block;
- font-size: 11px;
- font-weight: 600;
- margin-inline-start:12px;padding: 0 4px;
- position: relative;
- text-transform: uppercase
-}
-
-header.fixed .beta-pill {
- -webkit-margin-start: 8px;
- bottom: 2px;
- margin-inline-start:8px}
-
-header.blue .beta-pill {
- border: 1px solid #fdfdfd
-}
-
-header:not(.blue) .beta-pill {
- color: #565565
-}
-
-header ul {
- align-items: center;
- display: flex;
- gap: 16px;
- list-style: none;
- margin: 0;
- padding: 0
-}
-
-header ul li svg {
- margin-top: 2px
-}
-
-nav a {
- color: inherit;
- text-decoration: none;
- transition: -webkit-text-decoration .2s ease-in-out;
- transition: text-decoration .2s ease-in-out;
- transition: text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out
-}
-
-footer a:focus,footer a:hover,nav a:not(.btn):focus,nav a:not(.btn):hover {
- text-decoration: underline
-}
-
-.nav-btn {
- background-color: #ebf7f9;
- border-radius: 8px;
- color: #19181f;
- display: block;
- padding: 8px 12px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.blue.fixed .nav-btn:active,.nav-btn:active {
- background-color: #a6ebe6
-}
-
-.boring .nav-btn,.fixed .nav-btn {
- background-color: #127885;
- color: #fdfdfd
-}
-
-.boring .nav-btn:active,.fixed .nav-btn:active {
- background-color: #0a3649
-}
-
-.blue.fixed .nav-btn {
- background: #ebf7f9;
- color: #19181f
-}
-
-.blurred {
- background: url(/assets/images/blur.webp) no-repeat 50% scroll;
- background-color: #00afc6;
- color: #fdfdfd
-}
-
-.blurred.no-webp-alpha,.blurred.no-webp-lossy {
- background: url(/assets/images/blur.png) no-repeat 50% scroll #00afc6
-}
-
-.number-discs {
- -webkit-margin-before: 16px;
- column-gap: 80px;
- display: grid;
- grid-template-columns: minmax(160px,1fr) minmax(160px,1fr);
- list-style: none;
- margin-block-start:16px;padding: 0;
- row-gap: 32px
-}
-
-.number-discs>li {
- position: relative
-}
-
-.number-discs>li:before {
- align-items: center;
- background: #33323e;
- border-radius: 1em;
- color: #fdfdfd;
- content: "1";
- display: flex;
- font-weight: 600;
- height: 2em;
- justify-content: center;
- left: -2.75em;
- position: absolute;
- text-align: center;
- top: -.38em;
- width: 2em
-}
-
-.number-discs>li:nth-child(2):before {
- content: "2"
-}
-
-.number-discs>li:nth-child(3):before {
- content: "3"
-}
-
-.number-discs>li:nth-child(4):before {
- content: "4"
-}
-
-.number-discs>li:nth-child(5):before {
- content: "5"
-}
-
-.number-discs>li>:first-child {
- -webkit-margin-before: 0;
- margin-block-start:0}
-
-.status {
- border-radius: 4px;
- display: block;
- padding: 8px 12px
-}
-
-.status.success {
- background: #f2fff7;
- border: 1px solid #3ed993
-}
-
-.status.error {
- background: #fff1ef;
- border: 1px solid #ea3e47
-}
-
-.field {
- background: #eff0f3;
- border-radius: 4px;
- height: 52px;
- margin: 0;
- overflow: hidden;
- padding: 0;
- position: relative;
- width: 100%
-}
-
-.field.high {
- height: auto
-}
-
-.field.high textarea {
- height: 153px
-}
-
-.field label {
- color: #565565;
- left: 12px;
- padding: 0;
- pointer-events: none;
- position: absolute;
- top: 16px;
- transform-origin: left top;
- transition: transform .25s ease-out;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- white-space: nowrap
-}
-
-.field input:focus+label,.field textarea:focus+label,.field.has-text label,.no-js .field label {
- transform: translateY(-9px) scale(.84615)
-}
-
-.field input:autofill+label,.field textarea:autofill+label {
- transform: translateY(-9px) scale(.84615)
-}
-
-.field input:-webkit-autofill+label,.field textarea:-webkit-autofill+label {
- transform: translateY(-9px) scale(.84615)
-}
-
-.field input,.field textarea {
- -moz-appearance: none;
- appearance: none;
- -webkit-appearance: none;
- background: none;
- border: none;
- border-radius: 4px;
- box-shadow: none;
- box-sizing: border-box;
- font-size: inherit;
- height: 100%;
- margin: 0;
- padding: 23px 12px 9px;
- width: 100%
-}
-
-button.primary,input[type=submit].primary {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #007aff;
- border: none;
- border-radius: 6px;
- color: #fdfdfd;
- display: inline-block;
- font-size: 18px;
- padding: 12px 24px
-}
-
-button.primary:hover,input[type=submit].primary:hover {
- background: #004dc6!important
-}
-
-button.primary:active,input[type=submit].primary:active {
- background: #00298c!important
-}
-
-.rainbow {
- -webkit-text-fill-color: transparent;
- text-fill-color: transparent;
- background: linear-gradient(90deg,rgba(36,50,45,.4) 3.69%,rgba(27,104,175,.4) 34.79%,rgba(173,208,33,.4) 67.39%,rgba(129,255,209,.4)),#4da7b3;
- -webkit-background-clip: text;
- background-clip: text;
- font-size: 28px;
- font-weight: 700;
- line-height: 1.2;
- text-align: justify
-}
-
-.rainbow a {
- -webkit-text-decoration-color: #69b082;
- text-decoration-color: #69b082;
- text-decoration-thickness: 4px;
- text-underline-offset: .094em
-}
-
-#start {
- background-size: 169%;
- display: grid;
- grid-template-rows: minmax(40px,1fr) auto minmax(32px,1fr) auto;
- justify-items: center;
- min-height: 100vh;
- overflow: hidden;
- padding: 88px 64px 0;
- text-align: center;
- z-index: 6
-}
-
-#change,#start {
- position: relative
-}
-
-#change {
- white-space: nowrap
-}
-
-#change .new {
- bottom: .9em;
- left: 0;
- opacity: 0;
- position: absolute;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-#change .old {
- display: inline-block;
- position: relative;
- top: 0
-}
-
-#start>div:first-child {
- grid-row: 2
-}
-
-#start .demo {
- grid-row: 4;
- margin-top: auto;
- max-width: 1488px
-}
-
-.demo .grid {
- display: grid;
- grid-template-areas: "sidebar toolbar ." "sidebar video .";
- grid-template-columns: 127fr 2814fr 27fr;
- grid-template-rows: 169fr 924fr
-}
-
-.demo picture {
- grid-column: 1/span 3;
- grid-row: 1/span 2
-}
-
-.demo img,.demo picture {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.demo img {
- box-shadow: 0 0 12px rgba(89,85,101,.2),0 8px 48px rgba(89,85,101,.3);
- cursor: default;
- display: block;
- height: auto;
- width: 100%
-}
-
-.demo video {
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- grid-area: video;
- height: 100%;
- width: 100%;
- z-index: 1
-}
-
-#social-proof {
- padding-bottom: 12px;
- padding-top: 80px
-}
-
-.claim {
- text-align: center!important
-}
-
-.sps {
- margin-inline:-120px;max-width: calc(100vw + 120px);
- overflow: hidden;
- padding: 32px 12px;
- position: relative
-}
-
-.sps>div {
- box-sizing: border-box;
- display: flex;
- gap: 16px
-}
-
-.sps>div:not(:last-child) {
- -webkit-margin-after: 16px;
- margin-block-end:16px}
-
-.sps>div:first-child>div:first-child {
- margin-left: -184px
-}
-
-.sps>div:nth-child(2) {
- margin-left: -12px
-}
-
-.user-voice {
- background: #eff0f3;
- border-radius: 6px;
- box-shadow: 0 4px 12px rgba(89,85,101,.2);
- display: flex;
- flex-shrink: 0;
- gap: 24px;
- padding: 16px 24px;
- width: 376px
-}
-
-.user-image {
- border-radius: 50%;
- height: 56px;
- margin-top: 8px;
- width: 56px
-}
-
-.user-voice-name {
- font-size: 16px;
- font-weight: 600
-}
-
-.user-voice a {
- color: inherit!important;
- text-decoration: none
-}
-
-#cloud-collaborative .figure {
- max-width: 304px
-}
-
-.figure>img {
- height: auto;
- width: 100%
-}
-
-#powerful-templates .figure {
- --dia-progress: 0%;
- align-items: stretch;
- display: flex;
- flex-direction: column;
- gap: 40px
-}
-
-.pages {
- display: grid;
- grid-template-columns: repeat(auto-fit,minmax(50px,-webkit-max-content));
- grid-template-columns: repeat(auto-fit,minmax(50px,max-content));
- justify-items: left;
- max-width: 496px;
- width: max(14vw,290px)
-}
-
-.pages picture img {
- height: auto;
- width: 100%
-}
-
-.pages a {
- filter: drop-shadow(0 4px 12px rgba(89,85,101,.2)) drop-shadow(0 4px 24px rgba(89,85,101,.3));
- position: relative;
- width: 180%;
- z-index: 2
-}
-
-.pages a picture {
- width: 100%
-}
-
-.pages a:nth-child(2) {
- justify-self: center;
- transform: scale(.9);
- transform-origin: top center;
- z-index: 1
-}
-
-.pages a:last-child {
- justify-self: right;
- transform: scale(.8);
- transform-origin: top right;
- z-index: 0
-}
-
-.left-btns button.active {
- background-color: rgba(235,236,239,.8)
-}
-
-.btn-group {
- background-color: #fdfdfd;
- border: 1px solid #bdbfcc;
- border-radius: 6px;
- display: flex;
- justify-content: stretch
-}
-
-.btn-group button {
- border: none;
- border-radius: 0;
- flex-basis: 0;
- flex-grow: 1
-}
-
-.btn-group button:first-child {
- border-bottom-left-radius: 6px;
- border-top-left-radius: 6px
-}
-
-.btn-group button:last-child {
- border-bottom-right-radius: 6px;
- border-top-right-radius: 6px
-}
-
-.btn-group button:not(:first-child) {
- border-left: 1px solid #d7d9e0
-}
-
-.modal {
- align-items: center;
- background: radial-gradient(ellipse at center,rgba(0,0,0,.28) 0,rgba(4,25,37,.59) 100%);
- bottom: 0;
- display: flex;
- flex-direction: column;
- justify-content: center;
- left: 0;
- opacity: 0;
- padding: 60px 30px 90px;
- position: fixed;
- right: 0;
- top: 0;
- transition: opacity .2s ease;
- z-index: 10
-}
-
-.modal.open {
- opacity: 1
-}
-
-.modal>div {
- flex-direction: column;
- max-height: 100%;
- max-width: 100%;
- text-align: center;
- transform: translateY(100vh);
- transition: transform .2s cubic-bezier(.27,.1,.07,1.18)
-}
-
-.modal #md-prev {
- left: 0
-}
-
-.modal #md-next {
- right: 0
-}
-
-.modal #md-next,.modal #md-prev {
- background: none;
- border: none;
- border-radius: 0;
- bottom: 0;
- color: #fdfdfd;
- position: absolute;
- top: 0;
- z-index: 5
-}
-
-.modal #md-close {
- background: rgba(25,24,31,.3);
- color: #fdfdfd
-}
-
-.modal #md-close:active,.modal #md-next:active,.modal #md-prev:active {
- background: #2b2c2d63!important
-}
-
-.modal.open>div {
- transform: translateY(0)
-}
-
-.modal>div img {
- box-shadow: 1px 3px 3px -1px rgba(79,80,82,.61),2px 5px 14px 3px rgba(79,80,82,.48);
- display: inline-block;
- height: auto;
- image-rendering: high-quality;
- margin-bottom: 16px;
- max-height: 100%;
- max-width: 100%;
- width: auto
-}
-
-#powerful-templates .figure button {
- overflow: hidden;
- position: relative
-}
-
-#powerful-templates .figure button>span {
- position: relative;
- z-index: 1
-}
-
-#powerful-templates .figure button.active:before {
- background-color: rgba(235,236,239,.8);
- bottom: 0;
- content: "";
- left: 0;
- position: absolute;
- top: 0;
- width: var(--dia-progress);
- z-index: 0
-}
-
-#powerful-templates .figure button.past:not(:hover) {
- background-color: rgba(235,236,239,.8)
-}
-
-#easy-to-learn .figure>img {
- box-shadow: 0 4px 12px rgba(89,85,101,.2);
- margin-inline:40px;max-height: 300px;
- width: auto
-}
-
-#need-full-control>div {
- background-color: #33323e;
- border-radius: 32px;
- color: #fdfdfd;
- margin-bottom: 22px;
- text-align: center
-}
-
-#need-full-control .top {
- background: inherit;
- border-radius: 32px 32px 0 0;
- box-shadow: 0 4px 12px rgba(36,33,46,.2),0 4px 24px rgba(18,17,21,.3);
- padding: 48px 64px;
- position: relative;
- z-index: 1
-}
-
-#need-full-control h2 {
- -webkit-margin-before: 0;
- -webkit-margin-after: 18px;
- margin-block-end:18px;margin-block-start:0}
-
-#need-full-control .drawer {
- font-size: 16px;
- margin-top: -8em;
- padding: 40px min(144px,10vw) 52px;
- position: relative;
- text-align: left;
- transition: margin-top .2s ease;
- z-index: 0
-}
-
-#need-full-control.drawer-open .drawer {
- margin-top: 0
-}
-
-#need-full-control .drawer ul {
- column-count: 2;
- column-gap: 40px
-}
-
-#need-full-control .drawer button {
- background: #33323e;
- border: 0;
- bottom: -21px;
- color: #fdfdfd;
- left: 0;
- margin: 0 auto;
- max-width: 14em;
- padding: 16px 32px;
- position: absolute;
- right: 0
-}
-
-#need-full-control .drawer button:active {
- background-color: #121215!important
-}
-
-#ready-science .figure {
- margin: 32px auto 0;
- max-width: 1096px;
- overflow: hidden;
- position: relative;
- width: 100%
-}
-
-#ready-science .figure:before,.sps:before {
- background: linear-gradient(90deg,#fdfdfd 50%,hsla(0,0%,99%,0));
- bottom: 0;
- content: "";
- left: 0;
- pointer-events: none;
- position: absolute;
- top: 0;
- width: 152px;
- z-index: 1
-}
-
-#coming-soon,#ready-science,.funding {
- text-align: center
-}
-
-#ready-science .figure:after,.sps:after {
- background: linear-gradient(90deg,hsla(0,0%,99%,0) 0,#fdfdfd 50%);
- bottom: 0;
- content: "";
- pointer-events: none;
- position: absolute;
- right: 0;
- top: 0;
- width: 152px;
- z-index: 1
-}
-
-#ready-science .image-slide {
- animation: slide 30s linear infinite;
- display: flex;
- gap: 0;
- transform: translateX(0);
- width: 100%
-}
-
-#ready-science .image-slide img {
- flex-shrink: 0;
- height: auto;
- margin: 0 0 0 -1px;
- width: 100%
-}
-
-#writing-formulas {
- align-items: center;
- display: flex;
- flex-direction: column;
- text-align: center
-}
-
-#writing-formulas>* {
- margin-bottom: 0;
- margin-top: 0
-}
-
-#writing-formulas .figure {
- --dia-progress: 0%;
- align-items: center;
- gap: 40px;
- margin-top: 4px;
- max-width: 872px;
- text-align: left;
- width: 100%
-}
-
-.arrow {
- margin: auto 0
-}
-
-#writing-formulas code {
- color: #19181f
-}
-
-#writing-formulas .figure ul {
- height: 100%;
- list-style: none;
- margin: 0;
- padding: 0
-}
-
-#writing-formulas .figure ul>li {
- height: 100%
-}
-
-#writing-formulas .figure ul>li:not(.active) {
- display: none
-}
-
-#writing-formulas .code-gallery {
- display: flex;
- gap: 16px;
- width: 100%
-}
-
-#writing-formulas .figure code {
- border: 2px solid #bdbfcc;
- border-radius: 6px;
- box-shadow: 0 4px 12px rgba(89,85,101,.2);
- display: block;
- padding: 16px 24px 16px 16px
-}
-
-#writing-formulas .figure .code-gallery {
- align-items: stretch;
- min-width: 184px
-}
-
-#writing-formulas .figure #math-code,#writing-formulas .figure .result {
- flex-basis: 0;
- flex-grow: 1
-}
-
-#writing-formulas .figure .result {
- display: flex;
- flex-direction: column;
- justify-content: center
-}
-
-#writing-formulas .figure .result svg {
- flex-grow: 1;
- height: 100%;
- max-width: 100%;
- width: 100%
-}
-
-#math-res {
- max-height: 64px
-}
-
-#math-res li {
- align-items: flex-start;
- display: flex;
- flex-direction: column
-}
-
-#math-code li {
- display: flex;
- justify-content: right
-}
-
-#math-res ul {
- width: 100%
-}
-
-.vertical-btns {
- display: flex;
- gap: 2px;
- margin: 24px auto 0;
- max-width: 400px
-}
-
-.vertical-btns button {
- background: #eff0f3;
- border: 0;
- color: transparent;
- flex-grow: 1;
- height: 8px;
- overflow: hidden;
- padding: 0;
- position: relative;
- white-space: nowrap
-}
-
-.vertical-btns button.past:not(:hover),.vertical-btns button:active {
- background-color: hsla(231,8%,48%,.8)
-}
-
-.vertical-btns button:not(:last-child) {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0
-}
-
-.vertical-btns button:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0
-}
-
-.vertical-btns button.active:after {
- background-color: #8b8fa2;
- bottom: 0;
- content: "";
- display: block;
- left: 0;
- position: absolute;
- top: 0;
- width: var(--dia-progress)
-}
-
-.left-btns {
- list-style: none;
- margin: 0;
- padding: 0
-}
-
-.left-btns button {
- font-size: inherit;
- margin-bottom: 10px;
- padding: 16px 24px;
- text-align: left;
- width: 100%
-}
-
-#coming-soon ul {
- -webkit-padding-start: 0;
- display: grid;
- font-size: 18px;
- gap: 0 12px;
- grid-auto-flow: column;
- grid-template-columns: 1fr 1fr;
- grid-template-rows: repeat(3,auto);
- justify-items: center;
- list-style: none;
- margin-inline:64px;padding-inline-start:0}
-
-#coming-soon svg {
- position: relative;
- top: 6px
-}
-
-#coming-soon ul {
- color: #565565
-}
-
-#why-use-typst h2 {
- font-size: 20px;
- margin: 0
-}
-
-#why-use-typst {
- display: grid;
- grid-template-areas: "head ." "buttons text";
- grid-template-columns: minmax(225px,3fr) 5fr;
- grid-template-rows: auto auto
-}
-
-#why-use-typst .left-btns {
- grid-area: buttons
-}
-
-#advantage {
- flex-basis: 0;
- flex-grow: 2;
- grid-area: text;
- max-width: 700px;
- min-width: 200px
-}
-
-#advantage>ul {
- list-style: none;
- margin: 0;
- padding: 0
-}
-
-#advantage>ul>li:not(.active) {
- display: none
-}
-
-#advantages li ul {
- list-style: initial
-}
-
-#advantages li ul li,main>ol>li,main>ul>li {
- -webkit-margin-after: 4px;
- -webkit-margin-before: 4px;
- margin-block-end:4px;margin-block-start:4px}
-
-#oss {
- align-items: center;
- display: flex;
- gap: 16px
-}
-
-#oss .figure {
- height: auto;
- max-width: min(160px,30vw)
-}
-
-.funding .logos {
- display: flex;
- flex-wrap: wrap;
- gap: 32px;
- justify-content: space-between
-}
-
-#funding .logos {
- -webkit-margin-before: 32px;
- margin-block-start:32px}
-
-.funding .logos img {
- height: 64px;
- width: auto
-}
-
-.about section>p {
- max-width: 800px
-}
-
-#start-about {
- align-items: center;
- display: flex;
- justify-content: center;
- min-height: 400px;
- padding: 90px 64px 64px;
- text-align: center
-}
-
-#start-about h1 {
- max-width: 600px
-}
-
-.berlin {
- background: url(/assets/images/berlin.webp) no-repeat 50% scroll;
- background-color: #00afc6;
- background-size: cover;
- color: #fdfdfd
-}
-
-.no-webp-lossy .berlin {
- background: url(/assets/images/berlin.jpg) no-repeat 50% scroll
-}
-
-#story {
- flex-direction: column;
- font-size: 26px;
- line-height: 1.2;
- text-align: justify
-}
-
-#story,#team-members>ul {
- align-items: center;
- display: flex
-}
-
-#team-members>ul {
- -webkit-padding-start: 0;
- gap: 56px;
- justify-content: center;
- list-style-type: none;
- padding-inline-start:0;text-align: center
-}
-
-#team-members img {
- border-radius: 100%
-}
-
-.socials {
- -webkit-margin-before: 8px;
- display: flex;
- gap: 8px;
- justify-content: center;
- list-style: none;
- margin-block-start:8px;padding: 0
-}
-
-.socials svg {
- height: 24px;
- width: 24px
-}
-
-#open-source {
- align-items: center;
- display: flex;
- flex-direction: column;
- text-align: center
-}
-
-#open-source img {
- height: auto;
- max-width: 256px
-}
-
-.about h1 {
- font-size: 50px
-}
-
-.cards {
- -webkit-padding-start: 0;
- display: grid;
- gap: 24px;
- grid-template-areas: "A B" "A C" "D E";
- grid-template-columns: repeat(2,minmax(-webkit-min-content,504px));
- grid-template-columns: repeat(2,minmax(min-content,504px));
- grid-template-rows: repeat(3,minmax(224px,-webkit-max-content));
- grid-template-rows: repeat(3,minmax(224px,max-content));
- justify-content: center;
- list-style-type: none;
- padding-inline-start:0}
-
-.cards>li {
- background-attachment: scroll;
- background-color: #220f66;
- background-position: top;
- background-repeat: no-repeat;
- background-size: cover;
- border-radius: 16px;
- box-sizing: border-box;
- color: #fdfdfd;
- display: flex;
- flex-direction: column;
- height: 100%;
- justify-content: flex-end;
- padding: 64px 32px 32px;
- width: 100%
-}
-
-.cards>li:first-child {
- background-color: #250c17;
- background-image: url(/assets/images/card-bg-1-2x.webp);
- grid-area: A
-}
-
-.no-webp-lossy .cards>li:first-child {
- background-image: url(/assets/images/card-bg-1-2x.jpg)
-}
-
-.cards>li:nth-child(2) {
- background-color: #2c2e30;
- background-image: url(/assets/images/card-bg-2-2x.webp)
-}
-
-.no-webp-lossy .cards>li:nth-child(2) {
- background-image: url(/assets/images/card-bg-2-2x.jpg)
-}
-
-.cards>li:nth-child(3) {
- background-color: #000533;
- background-image: url(/assets/images/card-bg-5-2x.webp)
-}
-
-.no-webp-lossy .cards>li:nth-child(3) {
- background-image: url(/assets/images/card-bg-5-2x.jpg)
-}
-
-.cards>li:nth-child(4) {
- background-color: #200c30;
- background-image: url(/assets/images/card-bg-3-2x.webp)
-}
-
-.no-webp-lossy .cards>li:nth-child(4) {
- background-image: url(/assets/images/card-bg-3-2x.jpg)
-}
-
-.cards>li:nth-child(5) {
- background-color: #1d110c;
- background-image: url(/assets/images/card-bg-4-2x.webp)
-}
-
-.no-webp-lossy .cards>li:nth-child(5) {
- background-image: url(/assets/images/card-bg-4-2x.jpg)
-}
-
-#values h2 {
- margin: 0 0 8px
-}
-
-#values p {
- margin: 0
-}
-
-#supported-by {
- align-items: center;
- display: flex;
- flex-direction: column;
- text-align: center
-}
-
-#supported-by>a>img {
- max-height: 80px;
- width: auto
-}
-
-#supported-by>p {
- -webkit-margin-after: 32px;
- margin-block-end:32px}
-
-.contact-intro {
- display: flex;
- gap: 32px;
- margin: 32px 0
-}
-
-.contact-intro img {
- align-self: center;
- border-radius: 100%;
- height: auto;
- max-height: 5rem;
- max-width: 5rem;
- width: auto
-}
-
-.contact-intro strong {
- display: block;
- font-size: 24px
-}
-
-.contact-form {
- display: flex;
- flex-direction: column;
- font-size: 16px;
- gap: 10px;
- width: 100%
-}
-
-.contact-form .submit-row {
- text-align: right
-}
-
-.center-icon {
- display: flex;
- justify-content: center;
- margin: 32px 0
-}
-
-.full-width {
- box-sizing: border-box;
- width: 100%
-}
-
-.hidden {
- display: none!important
-}
-
-.inline>* {
- display: inline
-}
-
-.only-mini,.only-mobile {
- display: none
-}
-
-.flex-between {
- display: flex;
- justify-content: space-between
-}
-
-.flipped {
- transform: rotateY(180deg)
-}
-
-.narrow {
- max-width: 700px
-}
-
-.previewed-code {
- -webkit-margin-after: 24px;
- display: flex;
- flex-wrap: wrap;
- gap: 12px;
- margin-block-end:24px}
-
-div+.previewed-code,p+.previewed-code {
- -webkit-margin-before: 24px;
- margin-block-start:24px}
-
-.previewed-code>* {
- flex-basis: 0;
- flex-grow: 1;
- min-width: 250px
-}
-
-.previewed-code pre {
- overflow-x: auto
-}
-
-.previewed-code pre.big {
- box-sizing: border-box;
- min-width: 100%
-}
-
-.preview {
- align-items: center;
- background: #e4e5ea;
- border-radius: 6px;
- display: flex;
- flex-direction: column;
- gap: 16px;
- justify-content: center;
- padding: 12px 16px
-}
-
-.preview>* {
- background: #fff;
- box-shadow: 0 4px 12px rgba(89,85,101,.2);
- height: auto;
- max-height: 100%;
- max-width: 100%;
- width: auto
-}
-
-.page-end-buttons {
- -webkit-margin-before: 48px;
- display: flex;
- flex-wrap: wrap;
- gap: 12px;
- margin-block-start:48px}
-
-.page-end-buttons a {
- align-items: center;
- border: 1px solid #bdbfcc;
- border-radius: 6px;
- color: inherit!important;
- display: block;
- display: flex;
- flex-basis: 0;
- flex-grow: 1;
- gap: 8px;
- gap: 12px;
- min-width: 160px;
- padding: 16px;
- text-decoration: none
-}
-
-.page-end-buttons a:active {
- background: #e4e5ea
-}
-
-.page-end-buttons a:hover {
- background: #f5f5f5
-}
-
-.page-end-buttons img {
- height: 32px;
- width: 32px
-}
-
-.page-end-buttons .previous img {
- transform: rotate(180deg)
-}
-
-.page-end-buttons .next {
- flex-direction: row-reverse
-}
-
-.page-end-buttons span {
- display: block
-}
-
-.page-end-buttons .page-title {
- font-size: 18px
-}
-
-.page-end-buttons .hint {
- color: #565565;
- font-size: 12px;
- font-weight: 600
-}
-
-.code-definition,pre {
- border-radius: 6px;
- box-shadow: 0 4px 12px rgba(89,85,101,.2);
- margin: 0;
- padding: 16px
-}
-
-.typ-comment {
- color: #8a8a8a
-}
-
-.typ-escape {
- color: #1d6c76
-}
-
-.typ-strong {
- font-weight: 700
-}
-
-.typ-emph {
- font-style: italic
-}
-
-.typ-link {
- text-decoration: underline
-}
-
-.typ-raw {
- color: #818181
-}
-
-.typ-label,.typ-ref {
- color: #1d6c76
-}
-
-.typ-heading {
- font-weight: 700;
- text-decoration: underline
-}
-
-.typ-marker {
- color: #8b41b1
-}
-
-.typ-term {
- font-weight: 700
-}
-
-.typ-math-delim {
- color: #298e0d
-}
-
-.typ-math-op {
- color: #1d6c76
-}
-
-.typ-key {
- color: #d73a49
-}
-
-.typ-num {
- color: #b60157
-}
-
-.typ-str {
- color: #298e0d
-}
-
-.typ-func {
- color: #4b69c6
-}
-
-.typ-pol {
- color: #8b41b1
-}
-
-@media screen and (min-width: 769px) {
- #cloud-collaborative .figure {
- position:relative;
- top: -20px
- }
-}
-
-@media screen and (max-width: 1360px) {
- #privacy ol,.number-discs {
- padding-left:3rem
- }
-
- .funding .logos {
- display: grid;
- grid-template-columns: repeat(3,1fr);
- justify-items: center;
- padding-inline:32px}
-
- .funding .logos img {
- max-width: 100%
- }
-
- .funding .logos>:nth-child(3n) {
- justify-self: end
- }
-
- .funding .logos>:nth-child(3n+1) {
- justify-self: start
- }
-}
-
-@media screen and (max-width: 768px) {
- body,html {
- font-size:16px
- }
-
- body.landing {
- font-size: 17px
- }
-
- .landing h1 {
- font-size: 50px;
- line-height: 1.1
- }
-
- .landing h2 {
- font-size: 28px
- }
-
- .about h1 {
- font-size: 36px
- }
-
- header>div {
- padding: 24px
- }
-
- header.fixed>div {
- padding: 12px 24px
- }
-
- .banner button {
- position: static
- }
-
- section {
- padding: 40px 24px
- }
-
- main {
- padding: 0 24px
- }
-
- .only-mobile {
- display: initial
- }
-
- .hidden-mobile {
- display: none
- }
-
- .number-discs {
- display: block
- }
-
- .number-discs>li>:first-child {
- -webkit-margin-before: 24px;
- -webkit-margin-after: 8px;
- margin-block-end:8px;margin-block-start:24px}
-
- .contact-intro {
- flex-direction: column
- }
-
- .contact-intro img,.contact-intro picture {
- align-self: center;
- max-height: 7rem;
- max-width: 7rem
- }
-
- .contact-intro>div {
- text-align: center
- }
-
- #start {
- grid-template-rows: minmax(24px,1fr) auto minmax(24px,1fr) auto;
- padding: 80px 0 0;
- position: relative
- }
-
- #cta,#start {
- background-size: 390%
- }
-
- #start>div:first-child {
- padding: 0 24px
- }
-
- #change {
- line-height: inherit
- }
-
- .cta-field {
- flex-direction: column
- }
-
- .cta-field input:first-child {
- border-radius: 8px 8px 0 0
- }
-
- .cta-field input:last-child {
- border-left: 0;
- border-radius: 0 0 8px 8px;
- border-top: 2px solid #0a3649;
- text-align: left
- }
-
- .demo {
- box-sizing: border-box;
- justify-content: left;
- overflow-x: scroll;
- padding: 30px 0 0;
- width: 100%
- }
-
- .demo .grid {
- padding: 0 24px;
- width: calc(100vw + 200px)
- }
-
- .flex-between {
- flex-direction: column
- }
-
- .sps {
- margin-inline:0;width: auto
- }
-
- .sps:after,.sps:before {
- display: none
- }
-
- .sps>div {
- flex-direction: column;
- margin-left: 0!important
- }
-
- .user-voice {
- flex-grow: 1;
- gap: 16px;
- width: auto
- }
-
- .user-image {
- height: 48px;
- margin-top: 4px;
- width: 48px
- }
-
- #cloud-collaborative {
- flex-direction: column-reverse
- }
-
- #cloud-collaborative .figure {
- display: flex;
- justify-content: center;
- max-width: unset;
- width: 100%
- }
-
- #cloud-collaborative .figure>img {
- max-width: 350px
- }
-
- .pages {
- margin-inline:auto}
-
- #why-use-typst {
- display: flex;
- flex-direction: column
- }
-
- #easy-to-learn .figure {
- margin-inline:auto}
-
- #easy-to-learn .figure>img {
- margin-inline:0}
-
- #need-full-control {
- padding: 40px 16px
- }
-
- #need-full-control .top {
- padding: 40px 24px 30px
- }
-
- #need-full-control .drawer {
- font-size: 16px;
- margin-top: -11em;
- padding: 24px min(180px,5vw) 32px
- }
-
- #need-full-control .drawer ul:first-child {
- column-count: 1;
- padding-left: 24px
- }
-
- #ready-science .figure {
- display: flex
- }
-
- #ready-science .figure:after,#ready-science .figure:before {
- width: 64px
- }
-
- #ready-science .image-slide {
- animation-name: slide-mobile;
- width: 160%
- }
-
- #ready-science .image-slide img {
- width: 160%
- }
-
- #writing-formulas .figure {
- gap: 16px
- }
-
- #writing-formulas .figure .code-gallery {
- align-items: center;
- flex-direction: column
- }
-
- #writing-formulas .figure ul {
- margin: 0 auto
- }
-
- #writing-formulas .arrow {
- transform: rotate(90deg)
- }
-
- #writing-formulas .figure #math-code {
- flex-basis: auto
- }
-
- #writing-formulas .figure .result {
- align-items: center;
- flex-grow: 1;
- text-align: center;
- width: 100%
- }
-
- #writing-formulas .figure .result svg {
- display: inline-block;
- margin-bottom: 8px;
- min-height: 64px;
- width: auto
- }
-
- #coming-soon ul {
- margin-inline:0}
-
- #math-res {
- width: 100%
- }
-
- #math-res li {
- display: initial;
- text-align: center;
- width: 100%
- }
-
- code .mobile-indented {
- display: block;
- margin-left: 2em
- }
-
- .rainbow {
- font-size: 28px;
- text-align: initial
- }
-
- .rainbow a {
- text-decoration-thickness: 3px
- }
-
- #cta {
- margin: 120px 18px 80px;
- padding: 64px 32px
- }
-
- #story {
- font-size: 22px;
- text-align: initial
- }
-
- #team-members>ul {
- flex-direction: column;
- gap: 56px
- }
-
- .cards {
- align-items: center;
- display: flex;
- flex-direction: column
- }
-
- .cards li {
- max-width: 504px
- }
-
- .cards li:first-child {
- min-height: 352px
- }
-
- #oss,body>footer {
- flex-direction: column
- }
-
- body>footer {
- align-items: start;
- font-size: 14px;
- padding: 120px 24px 40px
- }
-
- body>footer>:last-child {
- text-align: left
- }
-
- .funding .logos {
- grid-template-columns: repeat(2,1fr);
- justify-items: start;
- padding-inline:64px}
-
- .funding .logos>:nth-child(3n),.funding .logos>:nth-child(3n+1) {
- justify-self: unset
- }
-
- .funding .logos>:nth-child(2n) {
- justify-self: end
- }
-}
-
-@media screen and (max-width: 512px) {
- header .social {
- display:none
- }
-}
-
-@media screen and (max-width: 365px) {
- .secondary {
- display:none
- }
-
- .only-mini {
- display: initial
- }
-
- .hidden-mini {
- display: none
- }
-
- .previewed-code>* {
- min-width: 120px
- }
-
- #coming-soon ul {
- grid-auto-flow: row;
- grid-template-columns: auto
- }
-
- .banner+header {
- top: 61px
- }
-
- .pages {
- display: block;
- width: 100%
- }
-
- .pages>a:not(:first-child) {
- display: none
- }
-
- .funding .logos {
- gap: max(32px,10vw);
- padding-inline:8px}
-}
-
-@media (prefers-reduced-motion) {
- #ready-science .image-slide {
- animation: none
- }
-
- #change .new {
- bottom: .106em
- }
-
- #start video {
- display: none
- }
-}
-
-@media (prefers-contrast:more) {
- .rainbow {
- -webkit-text-fill-color: unset;
- text-fill-color: unset;
- background-clip: unset;
- background: none
- }
-
- .rainbow a {
- -webkit-text-decoration-color: unset;
- text-decoration-color: unset
- }
-
- input:-ms-input-placeholder {
- color: #21212a;
- opacity: .8
- }
-
- input::placeholder {
- color: #21212a;
- opacity: .8
- }
-
- .field {
- border: 1px solid #33323e
- }
-
- .field label {
- color: #21212a
- }
-
- .blurred {
- background-color: #11566c
- }
-
- .cards>li {
- background-image: none!important
- }
-}
diff --git a/static/styles/docs.css b/static/styles/docs.css
deleted file mode 100644
index 830843b0d4..0000000000
--- a/static/styles/docs.css
+++ /dev/null
@@ -1,1329 +0,0 @@
-@font-face {
- font-display: swap;
- font-family: Cascadia Mono;
- font-weight: 700;
- src: local("CascadiaMono-Bold"),url(/assets/fonts/CascadiaMono-Bold.woff2) format("woff2"),url(/assets/fonts/CascadiaMono-Bold.woff) format("woff"),url(/assets/fonts/CascadiaMono-Bold.ttf) format("truetype")
-}
-
-@font-face {
- font-display: swap;
- font-family: NewComputerModernMath;
- font-weight: 400;
- src: local("NewComputerModernMath-Regular"),local("NewComputerModernMath"),url(/assets/fonts/NewCMMath-Regular.woff2) format("woff2"),url(/assets/fonts/NewCMMath-Regular.woff) format("woff"),url(/assets/fonts/NewCMMath-Regular.otf) format("truetype")
-}
-
-body.docs {
- font-size: 16px
-}
-
-body.docs>.main-grid {
- max-width: unset;
- padding: 32px
-}
-
-h3 {
- font-size: 19px
-}
-
-h1 small,h2 small {
- color: #565565;
- display: inline-flex;
- font-size: 14px;
- font-style: italic;
- gap: 8px
-}
-
-h1 small {
- transform: translateY(-4px)
-}
-
-h2 small {
- transform: translateY(-2px)
-}
-
-h1 code,h2 code,h3 code,h4 code {
- font-size: unset
-}
-
-h3 small,h4 small {
- color: #565565;
- display: inline-flex;
- font-size: 12px;
- font-style: italic;
- gap: 4px
-}
-
-h3 small svg {
- margin-bottom: -1px
-}
-
-h2,h3,h4 {
- -webkit-margin-before: 32px;
- align-items: baseline;
- display: flex;
- flex-wrap: wrap;
- font-weight: 600;
- gap: 8px 32px;
- margin-block-start:32px}
-
-h2 {
- gap: 8px
-}
-
-h3 {
- -webkit-margin-after: 12px;
- margin-block-end:12px}
-
-h2+h3,h2+h3.scoped-function {
- -webkit-margin-before: 0;
- margin-block-start:0}
-
-.scoped-function {
- -webkit-margin-before: 56px;
- font-size: 20px;
- margin-block-start:56px;position: relative
-}
-
-h4 {
- -webkit-margin-before: 24px;
- -webkit-margin-after: 12px;
- margin-block-end:12px;margin-block-start:24px}
-
-h2 .additional-info,h3 .additional-info,h4 .additional-info {
- align-items: baseline;
- display: flex;
- gap: 4px 12px
-}
-
-h2 .additional-info .pill+.pill,h3 .additional-info .pill+.pill,h4 .additional-info .pill+.pill {
- -webkit-margin-start: 0;
- margin-inline-start:0}
-
-h2 .additional-info>div>small,h3 .additional-info>div>small,h4 .additional-info>div>small {
- font-style: normal
-}
-
-h3 code+.pill,h4 code+.pill {
- -webkit-margin-start: 16px;
- margin-inline-start:16px}
-
-:not(h2)+.method-head {
- -webkit-margin-before: 48px;
- margin-block-start:48px}
-
-kbd {
- background-color: #eee;
- border: 1px solid #b4b4b4;
- border-radius: 4px;
- box-shadow: 0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);
- display: inline-block;
- font-size: .85em;
- line-height: 1;
- padding: 2px 4px;
- white-space: nowrap
-}
-
-main table thead {
- border-bottom: 1px solid #bdbfcc;
- font-weight: 600;
- text-align: left
-}
-
-main table td,main table th {
- padding: 4px 8px
-}
-
-main table {
- border-collapse: collapse;
- margin-block:16px;width: 100%
-}
-
-.relative {
- overflow-x: auto;
- position: relative;
- width: 100%
-}
-
-main>img,main>p>img {
- margin-block:8px;max-width: 100%
-}
-
-p>code {
- white-space: nowrap
-}
-
-li p+ol,li p+ul {
- -webkit-margin-before: -.5rem;
- margin-block-start:-.5rem}
-
-ul ul {
- -webkit-padding-start: 24px;
- padding-inline-start:24px}
-
-.code-definition {
- overflow-x: auto;
- white-space: nowrap
-}
-
-.code-definition+.previewed-code {
- -webkit-margin-before: 16px;
- margin-block-start:16px}
-
-.code-definition+.folding-example {
- -webkit-margin-before: 8px;
- margin-block-start:8px}
-
-.code-definition+h4,.previewed-code+h4 {
- -webkit-margin-before: 28px;
- margin-block-start:28px}
-
-main>pre {
- margin-block:24px}
-
-nav .title-row svg {
- color: #239dad
-}
-
-nav>button.close {
- background: none;
- border: none;
- position: absolute;
- right: 8px;
- top: 24px
-}
-
-@media (min-width: 600px) {
- nav>button.close {
- display: none;
- }
-}
-
-button.hamburger {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: none;
- border: none;
- border-radius: 4px;
- box-sizing: content-box;
- display: none;
- height: 16px;
- padding: 8px;
- width: 16px
-}
-
-header>div>.logo-box {
- align-items: center;
- display: flex!important;
- gap: 32px;
- text-decoration: none
-}
-
-header>div>.logo-box span,nav .title-row span {
- color: #565565;
- display: block;
- font-size: 18px;
- padding-bottom: 4px
-}
-
-#page-overview {
- align-self: start;
- box-sizing: border-box;
- color: #565565;
- font-weight: 600;
- margin-top: 64px;
- max-height: calc(100vh - 24px);
- overflow: hidden auto;
- position: -webkit-sticky;
- position: sticky;
- top: 24px
-}
-
-nav.folding {
- -webkit-padding-end: 4px;
- padding-inline-end:4px}
-
-nav.folding .title-row {
- display: none
-}
-
-nav.folding ul a {
- border-radius: 6px;
- display: block;
- padding: 2.5px 16px 2.5px 8px
-}
-
-nav.folding li {
- position: relative
-}
-
-nav.folding li>button {
- background: #fdfdfd;
- border: 0;
- border-radius: 5px;
- display: block;
- height: 24px;
- padding: 4px;
- position: absolute;
- right: 1px;
- top: 1px;
- width: 24px
-}
-
-nav.folding li[aria-expanded=true]>button {
- background: #eff0f3
-}
-
-nav.folding li li:last-child {
- -webkit-margin-after: 8px;
- margin-block-end:8px}
-
-nav.folding>ul>li>ul>li:last-child {
- -webkit-margin-after: 12px;
- margin-block-end:12px}
-
-@media (hover: hover) {
- nav.folding li>button {
- display:none
- }
-}
-
-nav.folding ul.animated,nav.folding ul.animated ul {
- transition: max-height .2s ease,opacity .2s ease
-}
-
-@media (prefers-reduced-motion) {
- nav.folding.animated {
- transition: none
- }
-}
-
-nav.folding li>button:hover {
- background: #e4e5ea
-}
-
-nav.folding li>a:focus-visible,nav.folding li>button:focus-visible {
- outline: 2px solid #007aff80
-}
-
-nav.folding li>button:active {
- background: #d7d9e0
-}
-
-nav.folding li:hover>button,nav.folding li>button:focus {
- display: block
-}
-
-nav.folding li.root:has(a:active)>button,nav.folding li.root:has(a:focus)>button {
- display: block
-}
-
-nav.folding li[aria-expanded=true]>button {
- display: block;
- transform: rotate(90deg)
-}
-
-nav.folding li[aria-expanded=true]>a {
- background: #eff0f3
-}
-
-nav.folding a[aria-current=page] {
- color: #11566c;
- font-weight: 600;
- position: relative
-}
-
-nav.folding a[aria-current=page]:after {
- background: #11566c;
- border-radius: 50%;
- content: "";
- height: 4px;
- margin-block:auto;position: absolute;
- right: 10px;
- top: 11px;
- width: 4px
-}
-
-nav.folding .category {
- color: #565565;
- font-size: 10px;
- font-weight: 600;
- padding: 8px 8px 0;
- text-transform: uppercase
-}
-
-nav.folding .category,nav.folding a {
- -webkit-margin-after: 4px;
- margin-block-end:4px}
-
-nav.folding>ul>li>a {
- -webkit-margin-after: 12px;
- margin-block-end:12px}
-
-.search {
- border-radius: 4px;
- display: flex;
- position: relative
-}
-
-.search>img {
- left: 8px;
- position: absolute;
- top: 7px
-}
-
-.search>input {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #fdfdfd;
- border: 1px solid #bdbfcc;
- border-radius: 4px;
- box-sizing: border-box;
- color: inherit;
- font-family: inherit;
- font-size: 14px;
- line-height: 1.5;
- padding: 4px 0 4px 28px;
- width: 100%
-}
-
-.search>input::-webkit-search-cancel-button {
- display: none
-}
-
-.search>input:focus {
- box-shadow: inset 0 0 0 2px #007aff;
- outline: none
-}
-
-.search>input:focus,.search>input:focus-visible {
- box-shadow: none
-}
-
-.search>input:focus-visible {
- box-shadow: inset 0 0 0 2px #007aff;
- outline: none
-}
-
-#page-overview {
- -webkit-padding-start: 4px;
- padding-inline-start:4px}
-
-#page-overview strong {
- text-decoration: underline;
- text-transform: uppercase
-}
-
-#page-overview ul,nav.folding ul {
- -webkit-padding-start: 16px;
- list-style: none;
- padding-inline-start:16px}
-
-#page-overview>ul,nav.folding>ul {
- -webkit-padding-start: 0;
- padding-inline-start:0}
-
-#page-overview>ul>li {
- -webkit-margin-after: 4px;
- margin-block-end:4px}
-
-#page-overview li[aria-current=true]>a {
- color: #11566c
-}
-
-.main-grid {
- display: grid;
- gap: 36px;
- grid-template-columns: minmax(auto,184px) minmax(auto,800px) minmax(auto,144px);
- justify-content: center
-}
-
-.no-outline .main-grid {
- grid-template-columns: minmax(auto,184px) minmax(auto,800px)
-}
-
-h1 {
- align-items: baseline;
- display: flex;
- gap: 16px
-}
-
-h1 .pill {
- border-radius: 12px;
- font-size: 34px;
- padding: 4px 12px
-}
-
-.show-pill {
- background: #004dc6;
- border-radius: 4px;
- color: #fdfdfd;
- font-size: 12px;
- font-weight: 400;
- margin-top: 1.19em;
- padding: 2px 8px
-}
-
-.info-box {
- background: #e8f9ff;
- border: 1px solid #007aff;
- border-radius: 6px;
- padding: 12px 16px 8px
-}
-
-.info-box:before {
- -webkit-margin-after: 8px;
- color: #001666;
- content: "Info";
- display: block;
- font-size: 14px;
- font-weight: 600;
- margin-block-end:8px;text-align: left;
- text-transform: uppercase
-}
-
-.breadcrumbs {
- align-items: center;
- display: flex;
- gap: 4px;
- list-style: none;
- padding: 0;
- text-decoration: none
-}
-
-.breadcrumbs>* {
- display: block
-}
-
-.breadcrumbs .root {
- background: #eff0f3;
- border-radius: 6px;
- box-sizing: border-box;
- display: block;
- display: flex;
- height: 24px;
- padding: 4px;
- width: 24px
-}
-
-.breadcrumbs a:link {
- color: inherit;
- text-decoration: inherit
-}
-
-.breadcrumbs a:active,.breadcrumbs a:focus,.breadcrumbs a:hover {
- text-decoration: underline
-}
-
-.breadcrumbs .root:has(a:focus),.breadcrumbs .root:hover {
- background: #e4e5ea
-}
-
-.breadcrumbs .root:has(a:active) {
- background: #d7d9e0
-}
-
-.breadcrumbs li>img {
- margin-bottom: -3px
-}
-
-.deprecation {
- align-items: baseline;
-}
-
-.deprecation svg {
- margin-bottom: -4px;
- padding: 0;
-}
-
-.tooltip-context {
- position: relative
-}
-
-div[role=tooltip] {
- background: #eff0f3;
- border-radius: 6px;
- box-shadow: 0 4px 12px rgba(89,85,101,.2),0 4px 24px rgba(89,85,101,.3);
- box-sizing: border-box;
- color: #19181f;
- display: none;
- font-size: 14px;
- font-style: normal;
- font-weight: 400;
- left: -120px;
- opacity: 0;
- padding: 12px;
- position: absolute;
- top: 26px;
- transition: opacity .1s ease;
- width: 256px;
- z-index: 1
-}
-
-h2 div[role=tooltip] {
- top: 36px
-}
-
-div[role=tooltip]:not(.mobile):after {
- border: 8px solid transparent;
- border-bottom-color: #eff0f3;
- border-top: 0;
- content: "";
- height: 0;
- left: 50%;
- margin-left: -8px;
- margin-top: -8px;
- position: absolute;
- top: 0;
- width: 0
-}
-
-main>ul {
- -webkit-padding-start: 40px;
- margin-block:16px;padding-block:0;padding-inline-start:40px}
-
-.arguments {
- margin-left: 1.235em;
- margin-block:4px}
-
-.arguments a {
- color: inherit!important;
- text-decoration: none
-}
-
-.arguments .overview-param {
- display: block
-}
-
-.arguments>:not(:last-child) {
- -webkit-margin-after: 4px;
- margin-block-end:4px}
-
-.single-arg .arguments {
- display: inline;
- margin-left: 0;
- margin-block:0}
-
-.single-arg .arguments .overview-param {
- align-items: baseline;
- display: inline-flex;
- flex-wrap: wrap;
- gap: 4px;
- margin-inline:2px}
-
-.single-arg .arguments .pill+.pill {
- -webkit-margin-start: 0;
- margin-inline-start:0}
-
-.pill {
- border-radius: 4px;
- display: inline-block;
- font-family: Cascadia Mono,Courier New,Courier,monospace;
- font-size: 14px;
- font-weight: 400;
- padding: 2px 4px;
- white-space: nowrap
-}
-
-a.pill {
- color: inherit!important;
- text-decoration: none!important
-}
-
-.pill+.pill {
- -webkit-margin-start: 4px;
- margin-inline-start:4px}
-
-.pill-con {
- background: #a6ebe6
-}
-
-.pill-bool {
- background: #ffedc1
-}
-
-.pill-str {
- background: #d1ffe2
-}
-
-.pill-kw {
- background: #ffcbc4
-}
-
-.pill-num {
- background: #e7d9ff
-}
-
-.pill-obj {
- background: #eff0f3
-}
-
-.pill-fn {
- background: #f9dfff
-}
-
-.pill-lbl {
- background: #a6eaff
-}
-
-.pill-col {
- background: #7cd5ff;
- background: linear-gradient(83deg,#7cd5ff,#a6fbca 33%,#fff37c 66%,#ffa49d)
-}
-
-.type-args li p {
- -webkit-margin-before: 0;
- margin-block-start:0}
-
-.type-args li p:last-child {
- -webkit-margin-after: 0;
- margin-block-end:0}
-
-.subgridded li:before,.type-args li:before {
- -webkit-padding-end: .52em;
- content: "–";
- padding-inline-end:.52em}
-
-.type-args-multiple {
- padding-top: 0!important
-}
-
-.type-args-multiple>code {
- font-size: 14px;
- line-height: 1.3;
- white-space: nowrap
-}
-
-main>ul>li::marker {
- content: "– "
-}
-
-@supports (grid-template-columns: subgrid) {
- .subgridded,.type-args {
- -webkit-padding-start:32px;
- display: grid;
- padding-inline-start:32px;padding: 0
- }
-
- .type-args {
- -webkit-padding-start: 8px;
- column-gap: 4px;
- grid-template-columns: 28px minmax(64px,-webkit-min-content) auto;
- grid-template-columns: 28px minmax(64px,min-content) auto;
- padding-inline-start:8px}
-
- .subgridded {
- column-gap: 8px;
- grid-template-columns: 28px minmax(80px,-webkit-min-content) auto;
- grid-template-columns: 28px minmax(80px,min-content) auto
- }
-
- .subgridded li,.type-args li {
- display: grid;
- grid-column: 1/4;
- grid-template-columns: subgrid
- }
-
- .subgridded li {
- margin-block:2px}
-
- .type-args li>* {
- grid-column: 2/4
- }
-
- .type-args .break-box {
- display: grid;
- grid-template-columns: subgrid
- }
-
- .subgridded li:before,.type-args li:before {
- grid-column: 1;
- text-align: right
- }
-
- .type-args li .break-box>:nth-child(2) {
- grid-column: 2
- }
-
- .subgridded li>:nth-child(2) {
- grid-column: 3
- }
-
- .type-args li .break-box>:first-child {
- -webkit-margin-end: 8px;
- grid-column: 1;
- margin-inline-end:8px}
-
- .subgridded li>:first-child {
- -webkit-margin-end: 8px;
- grid-column: 2;
- margin-inline-end:8px}
-}
-
-@supports not (grid-template-columns: subgrid) {
- .subgridded,.type-args {
- -webkit-padding-start:18px;
- padding-inline-start:18px}
-
- .type-args li .break-box>:first-child {
- min-width: 96px
- }
-
- .subgridded li>:first-child {
- min-width: 80px
- }
-
- .subgridded li:before,.type-args li:before {
- -webkit-padding-end: 12px;
- content: "–";
- padding-inline-end:12px}
-
- .type-args li {
- display: flex
- }
-
- .subgridded li,.type-args li .break-box {
- align-items: baseline;
- display: flex;
- gap: 4px 16px
- }
-
- .type-args .multiple {
- display: list-item
- }
-
- .type-args .multiple:before {
- content: none
- }
-
- .subgridded li {
- gap: 12px
- }
-
- .type-args li:not(:last-child) {
- -webkit-margin-after: 8px;
- margin-block-end:8px}
-}
-
-.folding-example summary {
- border-radius: 6px;
- color: #565565;
- cursor: pointer;
- display: inline-flex;
- font-size: 13px;
- gap: 8px;
- padding: 8px 8px 8px 0;
- transition: background-color .1s ease;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.folding-example summary:active {
- background-color: #d7d9e0
-}
-
-.folding-example summary::-webkit-details-marker,.folding-example summary::marker {
- content: "";
- display: none
-}
-
-.folding-example summary img {
- transition: transform .2s ease
-}
-
-.folding-example[open] summary img {
- transform: rotate(90deg)
-}
-
-.folding {
- margin: 6px -12px -12px;
- opacity: 1;
- padding: 12px;
- transition: max-height .2s ease,opacity .2s ease
-}
-
-.search-results {
- border-bottom: 1px solid #565565;
- padding-bottom: 16px
-}
-
-.search-results:before {
- -webkit-margin-start: 8px;
- -webkit-margin-after: 16px;
- color: #565565;
- content: "Results";
- display: block;
- font-weight: 600;
- margin-block-end:16px;margin-inline-start:8px}
-
-.search-results .type {
- -webkit-margin-start: 8px;
- color: #565565;
- font-size: 12px;
- font-weight: 600;
- margin-inline-start:8px;text-transform: uppercase
-}
-
-.search-results a {
- -webkit-margin-after: 4px!important;
- margin-block-end:4px!important}
-
-dl {
- -webkit-padding-start: 32px;
- margin-block:16px;padding-inline-start:32px}
-
-dt code {
- font-size: 19px
-}
-
-dt code+.pill {
- -webkit-margin-start: 32px;
- margin-inline-start:32px}
-
-dd,dt {
- -webkit-margin-after: 16px;
- margin-block-end:16px;margin-inline:0}
-
-.docs-overview .page-end-buttons {
- display: none
-}
-
-.doc-categories {
- display: flex;
- flex-wrap: wrap;
- gap: 12px;
- margin-block:32px}
-
-.doc-categories>a {
- border: 1px solid #bdbfcc;
- border-radius: 6px;
- box-sizing: border-box;
- color: inherit!important;
- flex-basis: 0;
- flex-grow: 1;
- min-width: 280px;
- padding: 24px;
- text-align: center;
- text-decoration: none
-}
-
-.doc-categories img {
- display: block;
- height: 40px;
- margin-inline:auto;width: 40px
-}
-
-.doc-categories strong {
- -webkit-margin-before: 12px;
- display: block;
- margin-block-start:12px}
-
-.doc-categories p {
- -webkit-margin-after: 0;
- margin-block-end:0;margin-inline:auto;max-width: 280px
-}
-
-.doc-categories a:active strong,.doc-categories a:hover strong {
- text-decoration: underline
-}
-
-.doc-categories a:focus,.doc-categories a:hover {
- background: #eff0f3
-}
-
-.doc-categories a:active {
- background: #e4e5ea
-}
-
-.symbol-hint {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between
-}
-
-p+.symbol-grid {
- -webkit-margin-before: 24px;
- margin-block-start:24px}
-
-.symbol-grid {
- display: grid;
- gap: 16px;
- grid-auto-rows: 80px;
- grid-template-columns: repeat(auto-fill,80px);
- justify-content: space-between;
- list-style: none;
- padding-inline:0;position: relative;
- width: 100%
-}
-
-.symbol-grid li {
- display: block;
- margin: 0
-}
-
-.symbol-grid li::marker {
- content: "";
- display: none
-}
-
-.symbol-flyout button:not(.copy),.symbol-grid button:not(.copy) {
- align-items: center;
- background: #eff0f3;
- border: 0;
- box-shadow: 0 2px 8px rgba(89,85,101,.2);
- display: flex;
- flex-direction: column;
- height: 100%;
- justify-content: center;
- overflow: hidden;
- padding: 8px;
- width: 100%
-}
-
-.symbol-flyout button:not(.copy):hover,.symbol-grid button:hover {
- background: #e4e5ea
-}
-
-.symbol-flyout .sym,.symbol-grid .sym {
- font-family: HK Grotesk,Inter,NewComputerModernMath,Latin Modern Math,Cambria Math,Noto Sans,Symbol,Segoe UI Symbol,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Twemoji,sans-serif;
- font-size: 28px;
- margin-bottom: 2px;
- margin-top: auto;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.symbol-flyout .symbol-grid .override .sym,.symbol-flyout.override .info>button>.sym,.symbol-grid li[data-override] .sym {
- color: #565565;
- font-size: 18px;
- font-style: italic;
- font-weight: 500
-}
-
-button+.remark {
- -webkit-margin-start: 4px;
- color: #565565;
- font-size: 14px;
- margin-inline-start:4px}
-
-.symbol-flyout .symbol-grid .override .sym {
- font-size: 8px
-}
-
-.symbol-flyout .sym {
- margin: 0
-}
-
-.emoji .symbol-flyout .sym,.symbol-grid.emoji .sym {
- font-family: Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Twemoji,HK Grotesk,Inter,NewComputerModernMath,Latin Modern Math,Cambria Math,Noto Sans,Symbol,Segoe UI Symbol,sans-serif
-}
-
-.symbol-flyout button>code,.symbol-grid button>code {
- word-wrap: anywhere;
- font-size: 12px;
- margin-top: auto;
- text-overflow: ellipsis;
- white-space: normal
-}
-
-.symbol-flyout {
- background: #e4e5ea;
- border-radius: 8px;
- box-shadow: 0 4px 12px rgba(89,85,101,.2),0 4px 24px rgba(89,85,101,.3);
- box-sizing: border-box;
- max-width: 80vw;
- padding: 12px;
- position: absolute;
- width: 400px;
- z-index: 2
-}
-
-.symbol-flyout button:not(.copy) {
- box-shadow: none
-}
-
-.symbol-flyout button.main {
- flex-shrink: 0;
- height: 80px;
- width: 80px
-}
-
-.symbol-flyout button.main:hover {
- background: #eff0f3
-}
-
-.symbol-flyout h3 {
- display: block;
- margin-block:0 8px}
-
-.symbol-flyout p {
- margin-block:4px 0}
-
-.symbol-flyout h4 {
- margin-block:16px 8px}
-
-.symbol-flyout .symbol-grid button .sym {
- font-size: 18px
-}
-
-.symbol-flyout .symbol-grid {
- gap: 8px;
- grid-auto-rows: 32px;
- grid-template-columns: repeat(auto-fill,32px);
- margin-block:0}
-
-.symbol-flyout button.copy {
- -webkit-margin-start: 2px;
- margin-inline-start:2px;top: 1px
-}
-
-.package-list button.copy,.symbol-flyout button.copy {
- background: none;
- border: 0;
- box-shadow: none;
- display: inline-block;
- padding: 2px;
- position: relative;
- width: unset
-}
-
-.search:has(#package-search) {
- margin-top: 24px
-}
-
-.package-list button.copy {
- padding-inline:0}
-
-.package-list {
- table-layout: fixed
-}
-
-.package-list thead tr th:first-child {
- width: min(6em,20vw)
-}
-
-.package-list thead tr th:nth-last-child(3) {
- width: 3.2em
-}
-
-.package-list thead tr th:nth-last-child(2) {
- width: .9em
-}
-
-.package-list thead tr th:last-child {
- width: .3em
-}
-
-.package-list td:nth-last-child(3),.package-list th:nth-last-child(3) {
- text-align: right
-}
-
-.package-list td:last-child {
- padding-left: 0;
- text-align: left
-}
-
-.package-list td:not(:last-child,:nth-last-child(2)) {
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: top;
- white-space: nowrap
-}
-
-@media screen and (max-width: 660px) {
- .package-list td:nth-last-child(2),.package-list td:nth-last-child(3),.package-list th:nth-last-child(2),.package-list th:nth-last-child(3) {
- display:none
- }
-}
-
-.show-all {
- display: flex;
- font-size: 14px;
- justify-content: flex-end;
- margin-top: 8px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.show-all label {
- color: #565565;
- display: block;
- margin-top: 1px
-}
-
-.info {
- display: flex;
- gap: 16px
-}
-
-.info .accent {
- align-items: center;
- display: flex;
- gap: 4px
-}
-
-.contribs {
- -webkit-padding-start: 8px;
- display: flex;
- flex-wrap: wrap;
- list-style: none;
- padding-inline-start:8px}
-
-.contribs li {
- -webkit-margin-start: -8px;
- display: block;
- margin: 0;
- margin-inline-start:-8px;transform: scale(1);
- transform-origin: bottom center;
- transition: transform .2s ease-in
-}
-
-.contribs li:hover {
- transform: scale(1.5)
-}
-
-.contribs img {
- border-radius: 100%;
- box-shadow: 0 1px 4px rgba(86,85,101,.2);
- height: 32px;
- width: 32px
-}
-
-@media screen and (max-width: 1024px) {
- #page-overview {
- display:none
- }
-
- .main-grid {
- display: grid;
- gap: 28px;
- grid-template-columns: minmax(auto,184px) minmax(auto,784px);
- justify-content: center
- }
-}
-
-@media screen and (max-width: 660px) {
- header>div>.logo-box span {
- display:none
- }
-
- .main-grid {
- padding-inline:24px}
-
- .type-args li .break-box {
- flex-wrap: wrap
- }
-}
-
-@media screen and (max-width: 600px) {
- header>div>.logo-box {
- display:none!important
- }
-
- .main-grid,button.hamburger {
- display: block
- }
-
- main {
- padding-inline:0}
-
- nav.folding .title-row {
- display: block;
- padding: 8px
- }
-
- nav.folding {
- background: #fdfdfd;
- bottom: 0;
- box-shadow: 0 4px 12px rgba(89,85,101,.2),0 4px 24px rgba(89,85,101,.3);
- display: block;
- left: 0;
- max-height: 100vh;
- opacity: 0;
- overflow: hidden auto;
- padding: 24px;
- position: fixed;
- top: 0;
- transition: transform .2s ease;
- width: min(184px,calc(100vw - 48px));
- z-index: 8
- }
-
- @media (prefers-reduced-motion:reduce) {
- nav.folding {
- transition: none
- }
- }
-
- nav.mobile-hidden {
- display: none
- }
-
- h2 small,h3 small {
- align-items: center
- }
-
- h2 small svg,h3 small svg {
- margin-bottom: -2px;
- margin-left: -2px;
- padding: 4px
- }
-
- h2 .additional-info,h3 .additional-info {
- flex-wrap: wrap
- }
-
- .breadcrumbs {
- overflow-x: auto
- }
-}
-
-@media screen and (max-width: 365px) {
- body.docs>.main-grid {
- max-width:unset;
- padding: 12px
- }
-
- @supports (grid-template-columns: subgrid) {
- .type-args li>* {
- grid-column:2/4!important
- }
-
- .type-args li .break-box>* {
- grid-column: 1/3!important
- }
-
- .type-args .pill {
- justify-self: start
- }
- }
-
- .subgridded {
- -webkit-padding-start: 32px;
- display: block;
- padding-inline-start:32px}
-
- .subgridded li {
- display: list-item
- }
-
- .subgridded li:before {
- content: none
- }
-
- .subgridded li>:first-child {
- min-width: unset
- }
-
- .subgridded li>:not(:first-child) {
- -webkit-margin-start: 12px;
- margin-inline-start:12px}
-}
diff --git a/templates/base_template.html.j2 b/templates/base_template.html.j2
deleted file mode 100644
index bc25025b80..0000000000
--- a/templates/base_template.html.j2
+++ /dev/null
@@ -1,210 +0,0 @@
-
-
-
-
-
- 