@import "../normalize/normalize.css"; @font-face { font-family: 'Fira Code'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/firacode/v10/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v11/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype'); } .bluelib { color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: #ffffff; --bluelib-color-r: 24; --bluelib-color-g: 24; --bluelib-color-b: 24; font-family: "Fira Sans", sans-serif; font-weight: 400; } .bluelib, .bluelib * { box-sizing: border-box; color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); /* Disable outline, as we already highlight focused elements; if it's not enough, let me know */ outline: none !important; } .bluelib .container-main { margin-left: auto; margin-right: auto; max-width: 1280px; } .bluelib .panel { margin: 8px 0; width: 100%; } .bluelib .panel > .element-paragraph:first-child, .bluelib .panel .element-title:first-child, .bluelib .panel .panel:first-child { margin-top: 0; } .bluelib .panel > .element-paragraph:last-child, .bluelib .panel .element-title:last-child, .bluelib .panel .panel:last-child { margin-bottom: 0; } .bluelib .panel-box { padding: 8px; border-radius: 4px; border-width: 2px; border-style: solid; background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); } .bluelib .panel-blockquote { border-left-width: 2px; border-top-width: 0; border-bottom-width: 0; border-right-width: 0; } .bluelib .panel-aside { border-width: 0; font-size: smaller; } .bluelib .panel-split { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; } .bluelib .panel-split > * { flex-grow: 1; flex-shrink: 0; flex-basis: 0; } .bluelib .panel-split > .panel { margin: 0; } .bluelib .form { display: grid; align-items: center; row-gap: 4px; column-gap: 8px; grid-template-columns: minmax(auto, 1fr) 5fr; } .bluelib .form-label { grid-column: 1; justify-self: end; } .bluelib .form-field { grid-column: 2; justify-self: stretch; width: 100%; } .bluelib .form-submit { width: auto; } .bluelib .form-buttons { grid-column-start: 1; grid-column-end: 3; display: flex; gap: 8px; justify-content: center; align-items: center; width: 100%; margin-top: 8px; margin-bottom: 8px; } .bluelib .form-buttons:first-child { margin-top: 0; } .bluelib .form-buttons:last-child { margin-bottom: 0; } .bluelib .button { display: inline-flex; justify-content: center; align-items: center; background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); border: none; color: #ffffff; padding: 6px 16px; border-radius: 4px; font-family: inherit; font-size: inherit; cursor: pointer; } .bluelib .button:hover { background-color: rgba(calc(var(--bluelib-color-r) - 20), calc(var(--bluelib-color-g) - 20), calc(var(--bluelib-color-b) - 20), 1); } .bluelib .button:active { background-color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); } .bluelib .button.status-disabled:hover { background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); } .bluelib .button.status-disabled:active { background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); } .bluelib .button-fill-width { width: 100%; } .bluelib .button-toggle { padding: 4px 14px; border-width: 2px; border-style: solid; } .bluelib .button-toggle.status-disabled { border-style: dashed; } .bluelib .button-toggle-off { border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); } .bluelib .button-toggle-off:hover { border-color: rgba(calc(var(--bluelib-color-r) - 20), calc(var(--bluelib-color-g) - 20), calc(var(--bluelib-color-b) - 20), 1); color: rgba(calc(var(--bluelib-color-r) - 20), calc(var(--bluelib-color-g) - 20), calc(var(--bluelib-color-b) - 20), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); } .bluelib .button-toggle-off:active { border-color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.2); } .bluelib .button-toggle-off.status-disabled { border-style: dashed; } .bluelib .button-toggle-off.status-disabled:hover { border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); } .bluelib .button-toggle-off.status-disabled:active { border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); } .bluelib .button-toggle-on { border-color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.2); } .bluelib .button-toggle-on:hover { border-color: rgba(calc(var(--bluelib-color-r) - 20), calc(var(--bluelib-color-g) - 20), calc(var(--bluelib-color-b) - 20), 1); color: rgba(calc(var(--bluelib-color-r) - 20), calc(var(--bluelib-color-g) - 20), calc(var(--bluelib-color-b) - 20), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); } .bluelib .button-toggle-on:active { border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); } .bluelib .button-toggle-on.status-disabled { border-style: dashed; } .bluelib .button-toggle-on.status-disabled:hover { border-color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.2); } .bluelib .button-toggle-on.status-disabled:active { border-color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.2); } .bluelib .input-field { cursor: text; border-width: 0 0 2px 0; border-style: solid; border-radius: 4px 4px 0 0; padding: 4px 6px; font-family: inherit; font-size: inherit; border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); } .bluelib .input-field::placeholder { color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4); opacity: 1; } .bluelib .input-field:optional::placeholder { font-style: italic; } .bluelib .input-field:invalid:not(:placeholder-shown) { --bluelib-color-r: 200; --bluelib-color-g: 0; --bluelib-color-b: 0; } .bluelib .input-field:hover, .bluelib .input-field:focus { border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.6); color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); } .bluelib .input-field:hover::placeholder, .bluelib .input-field:focus::placeholder { color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.7); } .bluelib .input-field.status-disabled { border-style: dashed; } .bluelib .input-field.status-disabled:hover, .bluelib .input-field.status-disabled:focus { border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.3); color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1); background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025); } .bluelib .input-field.status-disabled:hover::placeholder, .bluelib .input-field.status-disabled:focus::placeholder { color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4); } .bluelib .status-hoverable { cursor: help; } .bluelib .status-clickable { cursor: pointer; } .bluelib .status-disabled { cursor: not-allowed !important; opacity: 50%; } .bluelib .element-title { text-align: center; --bluelib-color-r: 24; --bluelib-color-g: 24; --bluelib-color-b: 24; font-family: "Fira Sans", sans-serif; font-weight: 500; } .bluelib .element-separator { border-width: 1px; border-style: solid; border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1); } .bluelib .element-list-item { margin: 10px 0; } .bluelib .element-anchor { --bluelib-color-r: 0; --bluelib-color-g: 147; --bluelib-color-b: 147; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: currentColor; text-decoration-thickness: 1px; } .bluelib .element-anchor:hover, .bluelib .element-anchor:focus { --bluelib-color-r: 0; --bluelib-color-g: 107; --bluelib-color-b: 107; } .bluelib .element-anchor:focus-visible { text-decoration-thickness: 2px; } .bluelib .element-anchor:active { --bluelib-color-r: 0; --bluelib-color-g: 65; --bluelib-color-b: 65; } .bluelib .element-anchor.status-disabled { text-decoration-style: dashed; } .bluelib .element-anchor.status-disabled:hover, .bluelib .element-anchor.status-disabled:focus { --bluelib-color-r: 0; --bluelib-color-g: 147; --bluelib-color-b: 147; } .bluelib .element-anchor.status-disabled:active { --bluelib-color-r: 0; --bluelib-color-g: 147; --bluelib-color-b: 147; } .bluelib .align-left { text-align: left; } .bluelib .align-center { text-align: center; } .bluelib .align-right { text-align: right; } .bluelib .size-xxl { font-size: xx-large; } .bluelib .size-xl { font-size: x-large; } .bluelib .size-l { font-size: large; } .bluelib .size-m { font-size: medium; } .bluelib .size-s { font-size: small; } .bluelib .size-xs { font-size: x-small; } .bluelib .size-xxs { font-size: xx-small; } .bluelib .style-bold { font-weight: bold; --bluelib-color-r: 24; --bluelib-color-g: 24; --bluelib-color-b: 24; } .bluelib .style-italic { font-style: italic; } .bluelib .style-underline { text-decoration-line: underline; } .bluelib .style-strike { text-decoration-line: line-through; } .bluelib .style-monospace { font-family: "Fira Code", monospace; font-weight: 400; } .bluelib .style-keyboard { font-family: "Fira Code", monospace; font-weight: 400; padding: 2px 4px; border: 2px outset; border-radius: 4px; } .bluelib .color-red { --bluelib-color-r: 200; --bluelib-color-g: 0; --bluelib-color-b: 0; } .bluelib .color-orange { --bluelib-color-r: 200; --bluelib-color-g: 165; --bluelib-color-b: 0; } .bluelib .color-yellow { --bluelib-color-r: 200; --bluelib-color-g: 200; --bluelib-color-b: 0; } .bluelib .color-lime { --bluelib-color-r: 0; --bluelib-color-g: 200; --bluelib-color-b: 0; } .bluelib .color-cyan { --bluelib-color-r: 0; --bluelib-color-g: 200; --bluelib-color-b: 200; } .bluelib .color-blue { --bluelib-color-r: 0; --bluelib-color-g: 0; --bluelib-color-b: 200; } .bluelib .color-magenta { --bluelib-color-r: 200; --bluelib-color-g: 0; --bluelib-color-b: 200; } .bluelib .color-gray { --bluelib-color-r: 128; --bluelib-color-g: 128; --bluelib-color-b: 128; } /*# sourceMappingURL=paper.module.css.map */