mirror of
				https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
				synced 2025-10-31 10:15:33 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			4452 lines
		
	
	
		
			91 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			4452 lines
		
	
	
		
			91 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| /*
 | |
| ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
 | |
| */
 | |
| 
 | |
| /*
 | |
| 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 | |
| 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 | |
| */
 | |
| 
 | |
| *,
 | |
| ::before,
 | |
| ::after {
 | |
|   box-sizing: border-box;
 | |
|   /* 1 */
 | |
|   border-width: 0;
 | |
|   /* 2 */
 | |
|   border-style: solid;
 | |
|   /* 2 */
 | |
|   border-color: #e5e7eb;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| ::before,
 | |
| ::after {
 | |
|   --tw-content: '';
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Use a consistent sensible line-height in all browsers.
 | |
| 2. Prevent adjustments of font size after orientation changes in iOS.
 | |
| 3. Use a more readable tab size.
 | |
| 4. Use the user's configured `sans` font-family by default.
 | |
| */
 | |
| 
 | |
| html {
 | |
|   line-height: 1.5;
 | |
|   /* 1 */
 | |
|   -webkit-text-size-adjust: 100%;
 | |
|   /* 2 */
 | |
|   -moz-tab-size: 4;
 | |
|   /* 3 */
 | |
|   -o-tab-size: 4;
 | |
|      tab-size: 4;
 | |
|   /* 3 */
 | |
|   font-family: Biolinum, sans-serif;
 | |
|   /* 4 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Remove the margin in all browsers.
 | |
| 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 | |
| */
 | |
| 
 | |
| body {
 | |
|   margin: 0;
 | |
|   /* 1 */
 | |
|   line-height: inherit;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Add the correct height in Firefox.
 | |
| 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 | |
| 3. Ensure horizontal rules are visible by default.
 | |
| */
 | |
| 
 | |
| hr {
 | |
|   height: 0;
 | |
|   /* 1 */
 | |
|   color: inherit;
 | |
|   /* 2 */
 | |
|   border-top-width: 1px;
 | |
|   /* 3 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Add the correct text decoration in Chrome, Edge, and Safari.
 | |
| */
 | |
| 
 | |
| abbr:where([title]) {
 | |
|   -webkit-text-decoration: underline dotted;
 | |
|           text-decoration: underline dotted;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Remove the default font size and weight for headings.
 | |
| */
 | |
| 
 | |
| h1,
 | |
| h2,
 | |
| h3,
 | |
| h4,
 | |
| h5,
 | |
| h6 {
 | |
|   font-size: inherit;
 | |
|   font-weight: inherit;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Reset links to optimize for opt-in styling instead of opt-out.
 | |
| */
 | |
| 
 | |
| a {
 | |
|   color: inherit;
 | |
|   text-decoration: inherit;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Add the correct font weight in Edge and Safari.
 | |
| */
 | |
| 
 | |
| b,
 | |
| strong {
 | |
|   font-weight: bolder;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Use the user's configured `mono` font family by default.
 | |
| 2. Correct the odd `em` font sizing in all browsers.
 | |
| */
 | |
| 
 | |
| code,
 | |
| kbd,
 | |
| samp,
 | |
| pre {
 | |
|   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, mono;
 | |
|   /* 1 */
 | |
|   font-size: 1em;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Add the correct font size in all browsers.
 | |
| */
 | |
| 
 | |
| small {
 | |
|   font-size: 80%;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 | |
| */
 | |
| 
 | |
| sub,
 | |
| sup {
 | |
|   font-size: 75%;
 | |
|   line-height: 0;
 | |
|   position: relative;
 | |
|   vertical-align: baseline;
 | |
| }
 | |
| 
 | |
| sub {
 | |
|   bottom: -0.25em;
 | |
| }
 | |
| 
 | |
| sup {
 | |
|   top: -0.5em;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
 | |
| 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 | |
| 3. Remove gaps between table borders by default.
 | |
| */
 | |
| 
 | |
| table {
 | |
|   text-indent: 0;
 | |
|   /* 1 */
 | |
|   border-color: inherit;
 | |
|   /* 2 */
 | |
|   border-collapse: collapse;
 | |
|   /* 3 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Change the font styles in all browsers.
 | |
| 2. Remove the margin in Firefox and Safari.
 | |
| 3. Remove default padding in all browsers.
 | |
| */
 | |
| 
 | |
| button,
 | |
| input,
 | |
| optgroup,
 | |
| select,
 | |
| textarea {
 | |
|   font-family: inherit;
 | |
|   /* 1 */
 | |
|   font-size: 100%;
 | |
|   /* 1 */
 | |
|   line-height: inherit;
 | |
|   /* 1 */
 | |
|   color: inherit;
 | |
|   /* 1 */
 | |
|   margin: 0;
 | |
|   /* 2 */
 | |
|   padding: 0;
 | |
|   /* 3 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Remove the inheritance of text transform in Edge and Firefox.
 | |
| */
 | |
| 
 | |
| button,
 | |
| select {
 | |
|   text-transform: none;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Correct the inability to style clickable types in iOS and Safari.
 | |
| 2. Remove default button styles.
 | |
| */
 | |
| 
 | |
| button,
 | |
| [type='button'],
 | |
| [type='reset'],
 | |
| [type='submit'] {
 | |
|   -webkit-appearance: button;
 | |
|   /* 1 */
 | |
|   background-color: transparent;
 | |
|   /* 2 */
 | |
|   background-image: none;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Use the modern Firefox focus style for all focusable elements.
 | |
| */
 | |
| 
 | |
| :-moz-focusring {
 | |
|   outline: auto;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 | |
| */
 | |
| 
 | |
| :-moz-ui-invalid {
 | |
|   box-shadow: none;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Add the correct vertical alignment in Chrome and Firefox.
 | |
| */
 | |
| 
 | |
| progress {
 | |
|   vertical-align: baseline;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Correct the cursor style of increment and decrement buttons in Safari.
 | |
| */
 | |
| 
 | |
| ::-webkit-inner-spin-button,
 | |
| ::-webkit-outer-spin-button {
 | |
|   height: auto;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Correct the odd appearance in Chrome and Safari.
 | |
| 2. Correct the outline style in Safari.
 | |
| */
 | |
| 
 | |
| [type='search'] {
 | |
|   -webkit-appearance: textfield;
 | |
|   /* 1 */
 | |
|   outline-offset: -2px;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Remove the inner padding in Chrome and Safari on macOS.
 | |
| */
 | |
| 
 | |
| ::-webkit-search-decoration {
 | |
|   -webkit-appearance: none;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Correct the inability to style clickable types in iOS and Safari.
 | |
| 2. Change font properties to `inherit` in Safari.
 | |
| */
 | |
| 
 | |
| ::-webkit-file-upload-button {
 | |
|   -webkit-appearance: button;
 | |
|   /* 1 */
 | |
|   font: inherit;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Add the correct display in Chrome and Safari.
 | |
| */
 | |
| 
 | |
| summary {
 | |
|   display: list-item;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Removes the default spacing and border for appropriate elements.
 | |
| */
 | |
| 
 | |
| blockquote,
 | |
| dl,
 | |
| dd,
 | |
| h1,
 | |
| h2,
 | |
| h3,
 | |
| h4,
 | |
| h5,
 | |
| h6,
 | |
| hr,
 | |
| figure,
 | |
| p,
 | |
| pre {
 | |
|   margin: 0;
 | |
| }
 | |
| 
 | |
| fieldset {
 | |
|   margin: 0;
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| legend {
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| ol,
 | |
| ul,
 | |
| menu {
 | |
|   list-style: none;
 | |
|   margin: 0;
 | |
|   padding: 0;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Prevent resizing textareas horizontally by default.
 | |
| */
 | |
| 
 | |
| textarea {
 | |
|   resize: vertical;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
 | |
| 2. Set the default placeholder color to the user's configured gray 400 color.
 | |
| */
 | |
| 
 | |
| input::-moz-placeholder, textarea::-moz-placeholder {
 | |
|   opacity: 1;
 | |
|   /* 1 */
 | |
|   color: #9ca3af;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 | |
|   opacity: 1;
 | |
|   /* 1 */
 | |
|   color: #9ca3af;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| input::placeholder,
 | |
| textarea::placeholder {
 | |
|   opacity: 1;
 | |
|   /* 1 */
 | |
|   color: #9ca3af;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Set the default cursor for buttons.
 | |
| */
 | |
| 
 | |
| button,
 | |
| [role="button"] {
 | |
|   cursor: pointer;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Make sure disabled buttons don't get the pointer cursor.
 | |
| */
 | |
| 
 | |
| :disabled {
 | |
|   cursor: default;
 | |
| }
 | |
| 
 | |
| /*
 | |
| 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 | |
| 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
 | |
|    This can trigger a poorly considered lint error in some tools but is included by design.
 | |
| */
 | |
| 
 | |
| img,
 | |
| svg,
 | |
| video,
 | |
| canvas,
 | |
| audio,
 | |
| iframe,
 | |
| embed,
 | |
| object {
 | |
|   display: block;
 | |
|   /* 1 */
 | |
|   vertical-align: middle;
 | |
|   /* 2 */
 | |
| }
 | |
| 
 | |
| /*
 | |
| Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
 | |
| */
 | |
| 
 | |
| img,
 | |
| video {
 | |
|   max-width: 100%;
 | |
|   height: auto;
 | |
| }
 | |
| 
 | |
| /*
 | |
| Ensure the default browser behavior of the `hidden` attribute.
 | |
| */
 | |
| 
 | |
| [hidden] {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| *, ::before, ::after {
 | |
|   --tw-translate-x: 0;
 | |
|   --tw-translate-y: 0;
 | |
|   --tw-rotate: 0;
 | |
|   --tw-skew-x: 0;
 | |
|   --tw-skew-y: 0;
 | |
|   --tw-scale-x: 1;
 | |
|   --tw-scale-y: 1;
 | |
|   --tw-pan-x:  ;
 | |
|   --tw-pan-y:  ;
 | |
|   --tw-pinch-zoom:  ;
 | |
|   --tw-scroll-snap-strictness: proximity;
 | |
|   --tw-ordinal:  ;
 | |
|   --tw-slashed-zero:  ;
 | |
|   --tw-numeric-figure:  ;
 | |
|   --tw-numeric-spacing:  ;
 | |
|   --tw-numeric-fraction:  ;
 | |
|   --tw-ring-inset:  ;
 | |
|   --tw-ring-offset-width: 0px;
 | |
|   --tw-ring-offset-color: #fff;
 | |
|   --tw-ring-color: rgb(59 130 246 / 0.5);
 | |
|   --tw-ring-offset-shadow: 0 0 #0000;
 | |
|   --tw-ring-shadow: 0 0 #0000;
 | |
|   --tw-shadow: 0 0 #0000;
 | |
|   --tw-shadow-colored: 0 0 #0000;
 | |
|   --tw-blur:  ;
 | |
|   --tw-brightness:  ;
 | |
|   --tw-contrast:  ;
 | |
|   --tw-grayscale:  ;
 | |
|   --tw-hue-rotate:  ;
 | |
|   --tw-invert:  ;
 | |
|   --tw-saturate:  ;
 | |
|   --tw-sepia:  ;
 | |
|   --tw-drop-shadow:  ;
 | |
|   --tw-backdrop-blur:  ;
 | |
|   --tw-backdrop-brightness:  ;
 | |
|   --tw-backdrop-contrast:  ;
 | |
|   --tw-backdrop-grayscale:  ;
 | |
|   --tw-backdrop-hue-rotate:  ;
 | |
|   --tw-backdrop-invert:  ;
 | |
|   --tw-backdrop-opacity:  ;
 | |
|   --tw-backdrop-saturate:  ;
 | |
|   --tw-backdrop-sepia:  ;
 | |
| }
 | |
| 
 | |
| * {
 | |
|   transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 | |
|   transition-duration: 100ms;
 | |
| }
 | |
| 
 | |
| /* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */
 | |
| 
 | |
| /* TODO: Copy color classes for all thing upload to colors on top */
 | |
| 
 | |
| /* Everything related to theme color */
 | |
| 
 | |
| body {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark body {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 | |
|   background-image: none;
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-topnav-dropdown .ha-topnav-dropdown-content {
 | |
|   border-bottom-width: 1px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(148 163 184 / var(--tw-border-opacity));
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-topnav-dropdown .ha-topnav-dropdown-content a:hover {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-topnav a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(51 65 85 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-topnav a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-topnav a.active {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(51 65 85 / var(--tw-border-opacity));
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav a.active {
 | |
|     border-bottom-width: 4px;
 | |
|     --tw-border-opacity: 1;
 | |
|     border-color: rgb(226 232 240 / var(--tw-border-opacity));
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown
 | |
|     .ha-topnav-dropdown-content {
 | |
|   --tw-shadow: 0 0 #0000;
 | |
|   --tw-shadow-colored: 0 0 #0000;
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown
 | |
|     .ha-topnav-dropdown-content {
 | |
|     border-bottom-width: 1px;
 | |
|     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 | |
|     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 | |
|     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-menusymbol svg {
 | |
|   stroke: #000;
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-footertext {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-footer .ha-footertext {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
 | |
|   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
|   transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 | |
|   transition-duration: 300ms;
 | |
| }
 | |
| 
 | |
| .dark .ha-footer .ha-themetoggles {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(30 41 59 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
 | |
|   transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 | |
|   transition-duration: 300ms;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 | |
|   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
 | |
|   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 | |
|   transition-duration: 300ms;
 | |
| }
 | |
| 
 | |
| .ha-static {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-static {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-static h3 {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(216 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-static h3 {
 | |
|   font-weight: 700;
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-static table th {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(216 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-static table th {
 | |
|   font-weight: 700;
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-static table tr:nth-child(even) {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-static table tr:nth-child(even) {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head, .ha-register .ha-register-body {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-head, .dark .ha-register .ha-register-body {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(248 250 252 / var(--tw-text-opacity));
 | |
|   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head {
 | |
|   border-bottom-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(226 232 240 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(51 65 85 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-head .ha-register-nav a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-head .ha-register-nav a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(209 213 219 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav a.active {
 | |
|   border-bottom-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(226 232 240 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-head .ha-register-nav a.active {
 | |
|   font-weight: 700;
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .dark .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(248 250 252 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
 | |
|     --tw-bg-opacity: 1;
 | |
|     background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(148 163 184 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, .dark .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(100 116 139 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
 | |
|   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
 | |
|   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-register .ha-btn-collapsed-box {
 | |
|   position: absolute;
 | |
|   top: -0.15rem;
 | |
|   display: none;
 | |
|   cursor: pointer;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-btn-collapsed-box {
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register
 | |
|     .ha-register-body
 | |
|     .ha-comment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks
 | |
|     .ha-hkb {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register
 | |
|     .ha-register-body
 | |
|     .ha-comment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks
 | |
|     .ha-hkb {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
 | |
|   -webkit-text-decoration-line: none;
 | |
|           text-decoration-line: none;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(229 231 235 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(71 85 105 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-tooltiptext {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-tooltip .ha-tooltiptext::after {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-top-color: rgb(71 85 105 / var(--tw-border-opacity));
 | |
|   border-left-color: transparent;
 | |
|   border-right-color: transparent;
 | |
|   border-bottom-color: transparent;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
 | |
|   border-bottom-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(75 85 99 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterheader {
 | |
|   border-bottom-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(203 213 225 / var(--tw-border-opacity));
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterheader {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(248 250 252 / var(--tw-border-opacity));
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(248 250 252 / var(--tw-text-opacity));
 | |
|   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(51 65 85 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterheader .ha-lettertabs a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterheader .ha-lettertabs a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(229 231 235 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs a.active {
 | |
|   border-bottom-width: 3px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(203 213 225 / var(--tw-border-opacity));
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(216 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterheader .ha-lettertabs a.active {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(248 250 252 / var(--tw-border-opacity));
 | |
|   font-weight: 700;
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettermetalinks {
 | |
|   border-bottom-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(203 213 225 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettermetalinks a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(51 65 85 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettermetalinks a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterheader .ha-lettermetalinks a {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterheader .ha-lettermetalinks a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(229 231 235 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-letterbody {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-letterbody {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-lettertext {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-lettertext {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-lettertext {
 | |
|     border-left-width: 2px;
 | |
|   }
 | |
| 
 | |
|   .dark .ha-lettertext {
 | |
|     border-style: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-marginals {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-marginals {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-additions {
 | |
|   display: none;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-additions {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-linecount.ha-firstline {
 | |
|   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-linecount.ha-firstline {
 | |
|     --tw-bg-opacity: 1;
 | |
|     background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
|   }
 | |
| 
 | |
|   .dark .ha-linecount.ha-firstline {
 | |
|     --tw-bg-opacity: 1;
 | |
|     background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 | |
|   }
 | |
| 
 | |
|   .ha-linecount .ha-zhpage, .ha-linecount .ha-zhline {
 | |
|     --tw-bg-opacity: 1;
 | |
|     background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   }
 | |
| 
 | |
|   .dark .ha-linecount .ha-zhpage, .dark .ha-linecount .ha-zhline {
 | |
|     --tw-bg-opacity: 1;
 | |
|     background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginal::before, .ha-lettertext .ha-marginal:before {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(148 163 184 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-tradzhtext .ha-marginal::before, .dark .ha-lettertext .ha-marginal:before {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(100 116 139 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-tradzhtext .ha-marginalbox, .dark .ha-lettertext .ha-marginalbox {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
|   padding-bottom: 0.25rem;
 | |
|   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .dark .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .dark .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(71 85 105 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(51 65 85 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-btn-collapsed-box:hover, .ha-lettertext .ha-btn-collapsed-box:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-tradzhtext .ha-btn-collapsed-box, .dark .ha-lettertext .ha-btn-collapsed-box {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(255 255 255 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-tradzhtext .ha-btn-collapsed-box:hover, .dark .ha-lettertext .ha-btn-collapsed-box:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(229 231 235 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-added, .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(203 213 225 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-added, .dark .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(71 85 105 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-note, .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(51 65 85 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-note, .dark .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(100 116 139 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-ful, .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-ful, .dark .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .ha-tul, .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-tul, .dark .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .ha-diagdel::before {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .dark .ha-diagdel::before {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .active {
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(216 0 0 / var(--tw-text-opacity)) !important;
 | |
| }
 | |
| 
 | |
| .dark .active {
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
 | |
| }
 | |
| 
 | |
| .active:hover {
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(216 0 0 / var(--tw-text-opacity)) !important;
 | |
| }
 | |
| 
 | |
| .dark .active:hover {
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
 | |
| }
 | |
| 
 | |
| /* Classes */
 | |
| 
 | |
| body {
 | |
|   height: 100%;
 | |
|   width: 100%;
 | |
|   font-size: 1rem;
 | |
|   line-height: 1.5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   body {
 | |
|     font-size: 1.125rem;
 | |
|     line-height: 1.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav {
 | |
|   display: flex;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-topnav {
 | |
|     font-size: 1.125rem;
 | |
|     line-height: 1.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav {
 | |
|     flex-shrink: 0;
 | |
|     flex-grow: 0;
 | |
|     place-self: end;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1440px) {
 | |
|   .ha-topnav {
 | |
|     margin-bottom: 0.25rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1680px) {
 | |
|   .ha-topnav {
 | |
|     font-size: 1.25rem;
 | |
|     line-height: 1.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav a {
 | |
|   margin-right: 1.5rem;
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav a {
 | |
|     display: inline-block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1680px) {
 | |
|   .ha-topnav a {
 | |
|     margin-right: 1.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav a:last-child {
 | |
|   margin-right: 0px;
 | |
| }
 | |
| 
 | |
| .ha-topnav-dropdown {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav-dropdown {
 | |
|     position: relative;
 | |
|     display: inline-block;
 | |
|   }
 | |
| 
 | |
|   .ha-topnav-dropdown:hover .ha-topnav-dropdown-content {
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav-dropdown .ha-topnav-dropdown-content {
 | |
|   right: 0px;
 | |
|   z-index: 50;
 | |
|   margin-right: 1.5rem;
 | |
|   display: none;
 | |
|   min-width: 130px;
 | |
|   padding-top: 0.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav-dropdown .ha-topnav-dropdown-content {
 | |
|     position: absolute;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav-dropdown .ha-topnav-dropdown-content a {
 | |
|   margin-right: 0px;
 | |
|   display: block;
 | |
|   padding-top: 0.5rem;
 | |
|   padding-bottom: 0.5rem;
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.75rem;
 | |
| }
 | |
| 
 | |
| .ha-topnav-dropdown .ha-topnav-dropdown-content .active {
 | |
|   border-style: none;
 | |
| }
 | |
| 
 | |
| /* Classes for the footer */
 | |
| 
 | |
| .ha-footer {
 | |
|   font-family: Libertine, serif;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-footertext {
 | |
|   margin-left: auto;
 | |
|   margin-right: auto;
 | |
|   max-width: 1190px;
 | |
|   padding: 0.5rem;
 | |
|   padding-left: 1rem;
 | |
|   padding-right: 1rem;
 | |
|   text-align: right;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-footer a {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   -webkit-text-decoration-style: dotted;
 | |
|           text-decoration-style: dotted;
 | |
| }
 | |
| 
 | |
| .ha-footer a:hover {
 | |
|   -webkit-text-decoration-style: solid;
 | |
|           text-decoration-style: solid;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles {
 | |
|   position: relative;
 | |
|   height: 1rem;
 | |
|   width: 34px;
 | |
|   white-space: nowrap;
 | |
|   border-radius: 1.5rem;
 | |
|   padding-left: 0.125rem;
 | |
|   padding-right: 0.125rem;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles * {
 | |
|   float: left;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles input[type="radio"] {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles label {
 | |
|   z-index: 10;
 | |
|   margin-top: 3px;
 | |
|   margin-bottom: 3px;
 | |
|   margin-left: 2px;
 | |
|   margin-right: 2px;
 | |
|   display: block;
 | |
|   height: 11px;
 | |
|   width: 11px;
 | |
|   cursor: pointer;
 | |
|   border-radius: 1.5rem;
 | |
|   text-align: center;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles .ha-themetoggleslider {
 | |
|   position: absolute;
 | |
|   top: 3px;
 | |
|   height: 11px;
 | |
|   width: 11px;
 | |
|   border-radius: 1.5rem;
 | |
|   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
|   transition-property: all;
 | |
|   transition-duration: 100ms;
 | |
|   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles #ha-toggledark:checked ~ .ha-themetoggleslider {
 | |
|   left: 0.25rem;
 | |
| }
 | |
| 
 | |
| .ha-footer .ha-themetoggles #ha-togglebright:checked ~ .ha-themetoggleslider {
 | |
|   left: 19px;
 | |
| }
 | |
| 
 | |
| /* Classes for static pages */
 | |
| 
 | |
| .ha-static {
 | |
|   width: 100%;
 | |
|   padding-top: 3rem;
 | |
|   padding-bottom: 3rem;
 | |
|   padding-left: 3rem;
 | |
|   padding-right: 3rem;
 | |
|   font-family: Libertine, serif;
 | |
|   -webkit-hyphens: auto;
 | |
|       -ms-hyphens: auto;
 | |
|           hyphens: auto;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-static {
 | |
|     padding-left: 4rem;
 | |
|     padding-right: 4rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-static h1 {
 | |
|   margin-bottom: 1.5rem;
 | |
|   font-size: 1.25rem;
 | |
|   line-height: 1.75rem;
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-static h1 {
 | |
|     font-size: 2.25rem;
 | |
|     line-height: 2.5rem;
 | |
|     font-weight: 400;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-static h2 {
 | |
|   margin-bottom: 0.75rem;
 | |
|   margin-top: 1rem;
 | |
|   font-size: 1.125rem;
 | |
|   line-height: 1.75rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-static h2 {
 | |
|     font-size: 1.5rem;
 | |
|     line-height: 2rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-static h3 {
 | |
|   margin-top: 1rem;
 | |
|   margin-bottom: 0.5rem;
 | |
| }
 | |
| 
 | |
| .ha-static table {
 | |
|   margin-top: 0.75rem;
 | |
|   margin-bottom: 0.75rem;
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| .ha-static table th {
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   text-align: left;
 | |
|   font-weight: 400;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-static table th {
 | |
|     padding-right: 1rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-static table tr td {
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   vertical-align: top;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-static table tr td {
 | |
|     white-space: nowrap;
 | |
|     padding-right: 1rem;
 | |
|   }
 | |
| 
 | |
|   .ha-static table tr td:last-child {
 | |
|     white-space: normal;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-static p {
 | |
|   margin-top: 0.75rem;
 | |
|   margin-bottom: 0.75rem;
 | |
| }
 | |
| 
 | |
| .ha-static a {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   -webkit-text-decoration-style: dotted;
 | |
|           text-decoration-style: dotted;
 | |
| }
 | |
| 
 | |
| .ha-static a:hover {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   -webkit-text-decoration-style: solid;
 | |
|           text-decoration-style: solid;
 | |
| }
 | |
| 
 | |
| .ha-static .ha-footnote {
 | |
|   position: relative;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-static .ha-footnote {
 | |
|     font-size: 1rem;
 | |
|     line-height: 1.5rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-static .ha-footnote .ha-footnote-ref {
 | |
|   position: absolute;
 | |
|   left: -2.5rem;
 | |
|   display: inline-block;
 | |
|   width: 2rem;
 | |
|   text-align: right;
 | |
| }
 | |
| 
 | |
| /* Classes for register pages */
 | |
| 
 | |
| .ha-register {
 | |
|   width: 100%;
 | |
|   font-family: Libertine, serif;
 | |
|   font-variant-numeric: oldstyle-nums;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head, .ha-register .ha-register-body {
 | |
|   padding-left: 2.25rem;
 | |
|   padding-right: 2.25rem;
 | |
|   padding-top: 2.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-register .ha-register-head, .ha-register .ha-register-body {
 | |
|     padding-left: 4rem;
 | |
|     padding-right: 4rem;
 | |
|     padding-top: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head {
 | |
|   border-top-left-radius: 0.125rem;
 | |
|   border-top-right-radius: 0.125rem;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head h1 {
 | |
|   margin-bottom: 1.5rem;
 | |
|   font-size: 1.25rem;
 | |
|   line-height: 1.75rem;
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-register-head h1 {
 | |
|     font-size: 2.25rem;
 | |
|     line-height: 2.5rem;
 | |
|     font-weight: 400;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav {
 | |
|   font-family: Biolinum, sans-serif;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav a {
 | |
|   margin-right: 0.25rem;
 | |
|   display: inline-block;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-register .ha-register-head .ha-register-nav a {
 | |
|     margin-right: 0.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav a:first {
 | |
|   padding-left: 0px;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-head .ha-register-nav .ha-register-right-nav {
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body {
 | |
|   border-bottom-right-radius: 0.125rem;
 | |
|   border-bottom-left-radius: 0.125rem;
 | |
|   padding-bottom: 2.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-register .ha-register-body {
 | |
|     padding-right: 24rem;
 | |
|     padding-bottom: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment {
 | |
|   margin-bottom: 2.25rem;
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-register .ha-register-body .ha-comment {
 | |
|     margin-bottom: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment a {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   -webkit-text-decoration-style: dotted;
 | |
|           text-decoration-style: dotted;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment a:hover {
 | |
|   -webkit-text-decoration-style: solid;
 | |
|           text-decoration-style: solid;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-headcomment {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-register-body .ha-comment .ha-headcomment {
 | |
|     position: relative;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-subcomment {
 | |
|   margin-left: 2rem;
 | |
|   margin-top: 0.5rem;
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-register-body .ha-comment .ha-subcomment {
 | |
|     position: relative;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-lemma {
 | |
|   display: inline;
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| .ha-register
 | |
|     .ha-forschung
 | |
|     .ha-register-body
 | |
|     .ha-comment
 | |
|     .ha-commenthead
 | |
|     .ha-lemma {
 | |
|   display: inline;
 | |
|   font-weight: 400;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-forschung .ha-register-body .ha-comment {
 | |
|   margin-bottom: 1rem;
 | |
|   padding-left: 1rem;
 | |
|   text-indent: -1rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-register .ha-forschung .ha-register-body .ha-comment {
 | |
|     margin-bottom: 1.5rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
 | |
|   margin-left: 0.5rem;
 | |
|   display: inline-block;
 | |
|   font-family: Biolinum, sans-serif;
 | |
|   font-size: 0.75rem;
 | |
|   line-height: 1rem;
 | |
|   font-weight: 400;
 | |
|   line-height: 1.375;
 | |
|   font-variant-caps: all-petite-caps;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks {
 | |
|     font-size: 0.875rem;
 | |
|     line-height: 1.25rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks::before {
 | |
|   position: absolute;
 | |
|   top: 0.1rem;
 | |
|   bottom: 0.1rem;
 | |
|   left: 0px;
 | |
|   width: 0.125rem;
 | |
|   --tw-content: '';
 | |
|   content: var(--tw-content);
 | |
| }
 | |
| 
 | |
| .ha-register
 | |
|     .ha-register-body
 | |
|     .ha-comment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks
 | |
|     .ha-hkb {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register
 | |
|     .ha-neuzeit
 | |
|     .ha-register-body
 | |
|     .ha-headcomment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks, .ha-register
 | |
|     .ha-forschung
 | |
|     .ha-register-body
 | |
|     .ha-headcomment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks {
 | |
|     left: 48rem;
 | |
|   }
 | |
| 
 | |
|   .ha-register
 | |
|     .ha-neuzeit
 | |
|     .ha-register-body
 | |
|     .ha-subcomment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks, .ha-register
 | |
|     .ha-forschung
 | |
|     .ha-register-body
 | |
|     .ha-subcomment
 | |
|     .ha-commenthead
 | |
|     .ha-letlinks {
 | |
|     left: 46rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma a {
 | |
|   padding-left: 0.5rem;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-bibel .ha-register-body .ha-commenthead .ha-lemma svg {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
 | |
|   padding-left: 0.5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
 | |
|     position: absolute;
 | |
|     top: 0px;
 | |
|     display: block;
 | |
|     width: 20rem;
 | |
|     text-indent: 0px;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(15 23 42 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| /* Classes for MetaData View */
 | |
| 
 | |
| .ha-letterhead {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-letternumber {
 | |
|   margin-right: 1rem;
 | |
|   display: flex;
 | |
|   font-size: 3rem;
 | |
|   line-height: 1;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-letterhead .ha-letternumber {
 | |
|     margin-right: 1.5rem;
 | |
|     font-size: 3.75rem;
 | |
|     line-height: 1;
 | |
|     font-weight: 400;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-letternumber .ha-letternumberinline {
 | |
|   display: inline;
 | |
|   vertical-align: middle;
 | |
|   line-height: 1;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata {
 | |
|   display: flex;
 | |
|   flex-shrink: 0;
 | |
|   flex-grow: 1;
 | |
|   align-self: flex-end;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadatarows {
 | |
|   display: flex;
 | |
|   flex-direction: column;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadataupperrow {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   line-height: 1.375;
 | |
| }
 | |
| 
 | |
| .ha-letterhead
 | |
|     .ha-metadata
 | |
|     .ha-metadatarows
 | |
|     .ha-metadataupperrow
 | |
|     .ha-metadatadate {
 | |
|   display: flex;
 | |
|   font-variant-numeric: oldstyle-nums;
 | |
|   font-variant-caps: petite-caps;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-tooltip {
 | |
|   position: relative;
 | |
|   display: inline-block;
 | |
|   cursor: default;
 | |
|   align-self: center;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-tooltiptext {
 | |
|   position: absolute;
 | |
|   z-index: 10;
 | |
|   border-radius: 0.25rem;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
|   padding-top: 0.125rem;
 | |
|   padding-bottom: 0.125rem;
 | |
|   text-align: center;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-tooltiptext::after {
 | |
|   position: absolute;
 | |
|   top: 100%;
 | |
|   left: 50%;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill {
 | |
|   margin-left: 0.5rem;
 | |
|   border-radius: 0.25rem;
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   padding-top: 0.1rem;
 | |
|   padding-bottom: 0.1rem;
 | |
|   font-size: 0.75rem;
 | |
|   line-height: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross {
 | |
|   position: relative;
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::before, .ha-letterhead .ha-metadata .ha-metadataupperrow .ha-pill .ha-cross::after {
 | |
|   position: absolute;
 | |
|   right: 0px;
 | |
|   top: 50%;
 | |
|   height: 0px;
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| .ha-letterhead .ha-metadata .ha-metadatarows .hametadatapersons {
 | |
|   display: flex;
 | |
|   line-height: 1.375;
 | |
| }
 | |
| 
 | |
| /* Classes for Upload View */
 | |
| 
 | |
| .ha-adminuploadfields {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   flex-wrap: wrap;
 | |
|   -moz-column-gap: 1rem;
 | |
|        column-gap: 1rem;
 | |
|   row-gap: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadfield {
 | |
|   display: block;
 | |
|   max-width: 20rem;
 | |
|   flex-shrink: 0;
 | |
|   flex-grow: 1;
 | |
|   flex-basis: 16rem;
 | |
|   border-radius: 0.25rem;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadfield:hover {
 | |
|   --tw-brightness: brightness(1.1);
 | |
|   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadfield.active {
 | |
|   --tw-text-opacity: 1 !important;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
 | |
|   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
 | |
|   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
|   --tw-brightness: brightness(1.1);
 | |
|   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
 | |
|   padding-left: 0.75rem;
 | |
|   padding-right: 0.75rem;
 | |
|   padding-top: 0.5rem;
 | |
|   padding-bottom: 0.25rem;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadusedfiles {
 | |
|   width: auto;
 | |
|   overflow: hidden;
 | |
|   text-overflow: ellipsis;
 | |
|   white-space: nowrap;
 | |
|   border-top-width: 1px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(203 213 225 / var(--tw-border-opacity));
 | |
|   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
 | |
|   --tw-bg-opacity: 0.3;
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   padding-top: 0.125rem;
 | |
|   padding-bottom: 0.125rem;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(100 116 139 / var(--tw-border-opacity));
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(100 116 139 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadpublishforms {
 | |
|   display: flex;
 | |
|   flex-grow: 1;
 | |
|   flex-direction: row;
 | |
|   -moz-column-gap: 1rem;
 | |
|        column-gap: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadform {
 | |
|   position: relative;
 | |
|   flex-grow: 1;
 | |
|   border-radius: 0.25rem;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadform .ha-uploadtext {
 | |
|   text-align: center;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
 | |
|   left: 50%;
 | |
|   margin-left: -20px;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
 | |
|   display: inline-block;
 | |
|   height: 100%;
 | |
|   width: 100%;
 | |
|   cursor: pointer;
 | |
|   padding-left: 1rem;
 | |
|   padding-right: 1rem;
 | |
|   padding-bottom: 0.25rem;
 | |
|   padding-top: 0.5rem;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel:hover {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-uploadform .ha-uploadmessage {
 | |
|   border-radius: 0.125rem;
 | |
|   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 | |
|   --tw-bg-opacity: 0.3;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-publishbutton {
 | |
|   display: inline-block;
 | |
|   height: 100%;
 | |
|   width: 100%;
 | |
|   flex-shrink: 1;
 | |
|   cursor: pointer;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   padding-bottom: 0.25rem;
 | |
|   padding-top: 0.5rem;
 | |
|   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-publishbutton:hover {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-publishbutton .ha-publishtext {
 | |
|   text-align: center;
 | |
| }
 | |
| 
 | |
| .ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
 | |
|   border-radius: 0.125rem;
 | |
|   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 | |
|   --tw-bg-opacity: 0.3;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadheader {
 | |
|   margin-top: 1rem;
 | |
|   display: flex;
 | |
|   width: 100%;
 | |
|   flex-direction: row;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
|   padding-left: 4rem;
 | |
|   padding-right: 4rem;
 | |
|   padding-top: 3rem;
 | |
|   padding-bottom: 2rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadheader h1 {
 | |
|   font-size: 3rem;
 | |
|   line-height: 1;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer {
 | |
|   display: flex;
 | |
|   height: 100%;
 | |
|   width: 100%;
 | |
|   flex-direction: column;
 | |
|   row-gap: 0.5rem;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-publishfilelist {
 | |
|   margin-bottom: 2rem;
 | |
|   padding-left: 4rem;
 | |
|   padding-right: 4rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
 | |
|   margin-bottom: 0.5rem;
 | |
|   font-size: 1.25rem;
 | |
|   line-height: 1.75rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-publishfilelist td {
 | |
|   padding-right: 1.5rem;
 | |
|   vertical-align: text-top;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
 | |
|   float: right;
 | |
|   margin-top: 1rem;
 | |
|   margin-left: 1.5rem;
 | |
|   cursor: pointer;
 | |
|   border-radius: 0.375rem;
 | |
|   border-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(29 78 216 / var(--tw-border-opacity));
 | |
|   padding-left: 0.75rem;
 | |
|   padding-right: 0.75rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:hover {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(147 197 253 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-availablefiles {
 | |
|   cursor: pointer;
 | |
|   border-width: 1px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(226 232 240 / var(--tw-border-opacity));
 | |
|   padding-left: 4rem;
 | |
|   padding-right: 4rem;
 | |
|   padding-top: 0.5rem;
 | |
|   padding-bottom: 0.5rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-availablefiles:hover {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(30 41 59 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle {
 | |
|   font-size: 1.5rem;
 | |
|   line-height: 2rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-availablefiles .ha-usedfilelist {
 | |
| }
 | |
| 
 | |
| .ha-filesheader {
 | |
|   margin-bottom: 2rem;
 | |
| }
 | |
| 
 | |
| .ha-availablefileslist {
 | |
|   padding-left: 4rem;
 | |
|   padding-right: 4rem;
 | |
|   padding-top: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-errorswarnings {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   -moz-column-gap: 0.5rem;
 | |
|        column-gap: 0.5rem;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors, .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
 | |
|   min-height: 400px;
 | |
|   min-width: 40%;
 | |
|   flex-shrink: 1;
 | |
|   flex-grow: 1;
 | |
|   flex-basis: 50%;
 | |
|   overflow-x: hidden;
 | |
|   overflow-y: scroll;
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(254 215 170 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-crossfilechecking {
 | |
|   height: 100%;
 | |
|   min-height: 400px;
 | |
|   width: 100%;
 | |
|   flex-shrink: 0;
 | |
|   flex-grow: 1;
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(165 243 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .ha-uploadcontainer .ha-hamannfilechooser {
 | |
|   padding-left: 4rem;
 | |
|   padding-right: 4rem;
 | |
|   padding-bottom: 4rem;
 | |
| }
 | |
| 
 | |
| /* Classes for FileList Component */
 | |
| 
 | |
| .ha-filelistfieldset {
 | |
| }
 | |
| 
 | |
| .ha-filelistfieldset .ha-filelistlegend {
 | |
|   margin-bottom: 0.5rem;
 | |
|   font-size: 1.25rem;
 | |
|   line-height: 1.75rem;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform {
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistfile {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   -moz-column-gap: 1rem;
 | |
|        column-gap: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistlist {
 | |
|   height: 24rem;
 | |
|   overflow-x: hidden;
 | |
|   overflow-y: scroll;
 | |
|   padding-right: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistfile .ha-filelistname {
 | |
|   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, mono;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
 | |
|   align-self: flex-start;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
 | |
|   margin-right: 0.5rem;
 | |
|   display: inline-block;
 | |
|   border-radius: 0.375rem;
 | |
|   border-width: 1px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(13 148 136 / var(--tw-border-opacity));
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(13 148 136 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused {
 | |
|   display: inline-block;
 | |
|   border-radius: 0.375rem;
 | |
|   border-width: 1px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(79 70 229 / var(--tw-border-opacity));
 | |
|   padding-left: 0.5rem;
 | |
|   padding-right: 0.5rem;
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(79 70 229 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
 | |
|   flex-grow: 1;
 | |
|   text-align: right;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistoutput {
 | |
|   margin-top: 1rem;
 | |
|   margin-left: 1.5rem;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistbutton {
 | |
|   float: right;
 | |
|   margin-top: 1rem;
 | |
|   margin-left: 1.5rem;
 | |
|   cursor: pointer;
 | |
|   border-radius: 0.375rem;
 | |
|   border-width: 2px;
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(29 78 216 / var(--tw-border-opacity));
 | |
|   padding-left: 0.75rem;
 | |
|   padding-right: 0.75rem;
 | |
| }
 | |
| 
 | |
| .ha-selectfilesform .ha-filelistbutton:hover {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(147 197 253 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| /* Classes for Letter View */
 | |
| 
 | |
| .ha-letterheader {
 | |
|   border-top-left-radius: 0.125rem;
 | |
|   border-top-right-radius: 0.125rem;
 | |
|   padding-left: 1.5rem;
 | |
|   padding-right: 1.5rem;
 | |
|   padding-top: 2rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-letterheader {
 | |
|     padding-left: 4rem;
 | |
|     padding-right: 4rem;
 | |
|     padding-top: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-letterheadernav {
 | |
|   margin-top: 2.25rem;
 | |
|   display: flex;
 | |
|   flex-grow: 1;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs {
 | |
|   display: flex;
 | |
|   flex-grow: 1;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs a {
 | |
|   margin-right: 0.25rem;
 | |
|   display: inline-block;
 | |
|   cursor: pointer;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-letterheader .ha-lettertabs a {
 | |
|     margin-right: 0.75rem;
 | |
|   }
 | |
| 
 | |
|   .ha-letterheader .ha-lettertabs .ha-marginalsbtn {
 | |
|     display: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs a.active {
 | |
|   pointer-events: none;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettertabs a:first {
 | |
|   padding-left: 0px;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettermetalinks {
 | |
|   align-self: flex-end;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettermetalinks a {
 | |
|   align-self: flex-end;
 | |
|   font-variant-caps: petite-caps;
 | |
| }
 | |
| 
 | |
| .ha-letterheader .ha-lettermetalinks .ha-hkb {
 | |
|   display: inline-block;
 | |
|   font-variant-caps: all-petite-caps;
 | |
| }
 | |
| 
 | |
| .ha-letterbody {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   flex-wrap: nowrap;
 | |
|   border-bottom-right-radius: 0.125rem;
 | |
|   border-bottom-left-radius: 0.125rem;
 | |
| }
 | |
| 
 | |
| .ha-lettertext {
 | |
|   position: relative;
 | |
|   margin-left: 1rem;
 | |
|   display: flow-root;
 | |
|   max-width: 38rem;
 | |
|   padding-left: 1rem;
 | |
|   padding-right: 1rem;
 | |
|   padding-top: 1rem;
 | |
|   padding-bottom: 2rem;
 | |
|   font-family: Libertine, serif;
 | |
|   line-height: 1.48;
 | |
|   font-variant-numeric: oldstyle-nums;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-lettertext {
 | |
|     margin-left: 3rem;
 | |
|     flex-shrink: 0;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-lettertext {
 | |
|     max-width: 45rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-marginals {
 | |
|   position: relative;
 | |
|   margin-left: 1rem;
 | |
|   display: none;
 | |
|   max-width: 48rem;
 | |
|   padding-left: 1rem;
 | |
|   padding-right: 1rem;
 | |
|   padding-top: 1rem;
 | |
|   padding-bottom: 1rem;
 | |
|   line-height: 1.48;
 | |
|   font-variant-numeric: oldstyle-nums;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-marginals {
 | |
|     margin-left: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-marginals table td {
 | |
|   vertical-align: text-top;
 | |
| }
 | |
| 
 | |
| .ha-marginals .ha-marginalfromto {
 | |
|   white-space: nowrap;
 | |
|   padding-right: 1rem;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
|   font-weight: 600;
 | |
| }
 | |
| 
 | |
| .ha-marginals .ha-marginaltext .ha-bzg {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-marginals .ha-marginaltext a {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   -webkit-text-decoration-style: dotted;
 | |
|           text-decoration-style: dotted;
 | |
| }
 | |
| 
 | |
| .ha-marginals .ha-marginaltext a:hover {
 | |
|   -webkit-text-decoration-style: solid;
 | |
|           text-decoration-style: solid;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition div {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition {
 | |
|   max-width: 56rem;
 | |
| }
 | |
| 
 | |
| .ha-additions {
 | |
|   position: relative;
 | |
|   margin-left: 1rem;
 | |
|   padding-left: 1rem;
 | |
|   padding-right: 1rem;
 | |
|   padding-top: 1rem;
 | |
|   padding-bottom: 1rem;
 | |
|   font-family: Libertine, serif;
 | |
|   line-height: 1.48;
 | |
|   font-variant-numeric: oldstyle-nums;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-additions {
 | |
|     margin-left: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-app {
 | |
|   display: block !important;
 | |
|   padding-top: 1.5rem;
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-app + br {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition .ha-app:first-child {
 | |
|   padding-top: 0px;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition {
 | |
|   -webkit-hyphens: auto;
 | |
|       -ms-hyphens: auto;
 | |
|           hyphens: auto;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition .ha-tradzhtext {
 | |
|   position: relative;
 | |
|   margin-left: -1rem;
 | |
|   display: flow-root !important;
 | |
|   width: -webkit-fit-content;
 | |
|   width: -moz-fit-content;
 | |
|   width: fit-content;
 | |
|   padding-left: 1rem;
 | |
|   font-family: Libertine, serif;
 | |
|   -webkit-hyphens: none;
 | |
|       -ms-hyphens: none;
 | |
|           hyphens: none;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition a {
 | |
|   -webkit-text-decoration-line: underline !important;
 | |
|           text-decoration-line: underline !important;
 | |
|   -webkit-text-decoration-style: dotted;
 | |
|           text-decoration-style: dotted;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-tradition a:hover {
 | |
|   -webkit-text-decoration-style: solid;
 | |
|           text-decoration-style: solid;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-hands {
 | |
|   padding-top: 1.5rem;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-hands .ha-handstitle {
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-hands .ha-handentries .ha-handfrom, .ha-additions .ha-hands .ha-handentries .ha-handto {
 | |
|   display: inline;
 | |
|   white-space: nowrap;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
|   font-weight: 600;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-hands .ha-handentries .ha-handperson {
 | |
|   display: inline;
 | |
|   white-space: nowrap;
 | |
|   padding-left: 1rem;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editstitle {
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editfromto {
 | |
|   white-space: nowrap;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editfrom, .ha-additions .ha-edits .ha-editentries .ha-editto {
 | |
|   display: inline;
 | |
|   white-space: nowrap;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
|   font-weight: 600;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreference {
 | |
|   white-space: nowrap;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreference div {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits {
 | |
|   max-width: 56rem;
 | |
|   padding-top: 1.5rem;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editstitle {
 | |
|   font-weight: 700;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editsinfo {
 | |
|   padding-bottom: 1rem;
 | |
|   -webkit-hyphens: auto;
 | |
|       -ms-hyphens: auto;
 | |
|           hyphens: auto;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries tr td {
 | |
|   vertical-align: text-top;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreas div {
 | |
|   display: inline;
 | |
|   font-family: Biolinum, sans-serif;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editfromto {
 | |
|   padding-right: 0.25rem;
 | |
|   padding-left: 0.25rem;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreference {
 | |
|   border-right-width: 2px;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.75rem;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreference br {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreas {
 | |
|   width: 100%;
 | |
|   padding-left: 0.75rem;
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh * {
 | |
|   font-family: Libertine, serif !important;
 | |
| }
 | |
| 
 | |
| .hide {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| .ha-lettertext div {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-linecount.ha-firstline {
 | |
|   display: none;
 | |
|   white-space: nowrap;
 | |
|   border-radius: 0.25rem;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
|   font-variant-numeric: normal;
 | |
|   font-variant-caps: all-petite-caps;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-linecount.ha-firstline {
 | |
|     display: inline-block;
 | |
|     padding-bottom: 0.25rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-linecount {
 | |
|   -webkit-user-select: none;
 | |
|      -moz-user-select: none;
 | |
|       -ms-user-select: none;
 | |
|           user-select: none;
 | |
|   font-family: Biolinum, sans-serif;
 | |
|   font-size: 0.75rem;
 | |
|   line-height: 1rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-linecount {
 | |
|     position: absolute;
 | |
|     right: 100%;
 | |
|     margin-right: 0.5rem;
 | |
|     margin-top: 0.25rem;
 | |
|     text-align: right;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-linecount .ha-zhline {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-linecount .ha-zhline {
 | |
|     display: inline;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-linecount .ha-zhpage {
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-linecount .ha-zhpage {
 | |
|     display: inline;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-linecount .ha-zhpage, .ha-linecount .ha-zhline {
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
|   font-variant-numeric: normal;
 | |
|   font-variant-caps: all-petite-caps;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-linecount .ha-zhpage, .ha-linecount .ha-zhline {
 | |
|     padding-bottom: 0.25rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-linecount .ha-hiddenlinecount {
 | |
|   display: none !important;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginal::before, .ha-lettertext .ha-marginal::before {
 | |
|   position: absolute;
 | |
|   top: 0.1rem;
 | |
|   bottom: 0.1rem;
 | |
|   left: 0px;
 | |
|   width: 0.125rem;
 | |
|   --tw-content: '';
 | |
|   content: var(--tw-content);
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
 | |
|   position: absolute;
 | |
|   left: 100%;
 | |
|   margin-left: 1.5rem;
 | |
|   margin-top: 0.25rem;
 | |
|   display: none;
 | |
|   width: 16rem;
 | |
|   border-radius: 0.125rem;
 | |
|   padding-left: 0.5rem;
 | |
|   font-family: Biolinum, sans-serif;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
|   line-height: 1.25;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-tradzhtext .ha-marginalbox, .ha-lettertext .ha-marginalbox {
 | |
|     width: 24rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox .ha-marginallist, .ha-lettertext .ha-marginalbox .ha-marginallist {
 | |
|   display: flex;
 | |
|   flex-wrap: wrap;
 | |
|   -moz-column-gap: 1.5rem;
 | |
|        column-gap: 1.5rem;
 | |
|   padding-right: 0.25rem;
 | |
|   font-size: 0.875rem;
 | |
|   line-height: 1.25rem;
 | |
|   line-height: 1.25;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
 | |
|   position: relative;
 | |
|   display: inline;
 | |
|   padding-left: 0.5rem;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a {
 | |
|   -webkit-text-decoration-line: underline !important;
 | |
|           text-decoration-line: underline !important;
 | |
|   -webkit-text-decoration-style: dotted;
 | |
|           text-decoration-style: dotted;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal a:hover, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal a:hover {
 | |
|   -webkit-text-decoration-style: solid;
 | |
|           text-decoration-style: solid;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal * {
 | |
|   min-height: 0px;
 | |
|   min-width: 0px;
 | |
|   overflow: hidden;
 | |
|   text-overflow: ellipsis;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
 | |
|   position: absolute;
 | |
|   left: 100%;
 | |
|   margin-left: 1rem;
 | |
|   margin-top: 0.125rem;
 | |
|   display: none;
 | |
|   cursor: pointer;
 | |
|   line-height: 1;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-minwidth .ha-tradzhtext, .ha-lettertext.ha-minwidth {
 | |
|   min-width: 38rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-minwidth .ha-tradzhtext, .ha-lettertext.ha-minwidth {
 | |
|     min-width: 55rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-minwidth .ha-tradzhtext .ha-alignright, .ha-lettertext.ha-minwidth .ha-alignright {
 | |
|   float: right;
 | |
|   margin-right: 20%;
 | |
| }
 | |
| 
 | |
| .ha-lettertext.ha-minwidth .ha-aligncenter {
 | |
|   position: absolute;
 | |
|   left: 33.333333%;
 | |
|   --tw-translate-x: -50%;
 | |
|   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 | |
|   white-space: nowrap;
 | |
| }
 | |
| 
 | |
| /* Classes from the General parser */
 | |
| 
 | |
| /* Classes from .NET */
 | |
| 
 | |
| .ha-zhbreak {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-zhbreak {
 | |
|     display: inline;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-up {
 | |
|   position: relative;
 | |
|   top: -0.75rem;
 | |
| }
 | |
| 
 | |
| .ha-bzg {
 | |
|   font-family: Libertine, serif !important;
 | |
|   font-size: 0.75rem !important;
 | |
|   line-height: 1rem !important;
 | |
|   font-weight: 600 !important;
 | |
| }
 | |
| 
 | |
| .ha-text {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-title {
 | |
|   display: inline;
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| .ha-insertedlemma {
 | |
|   display: inline;
 | |
| }
 | |
| 
 | |
| .ha-serif {
 | |
|   font-family: Libertine, serif;
 | |
| }
 | |
| 
 | |
| .ha-aq, .ha-aq *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   font-family: Biolinum, sans-serif;
 | |
| }
 | |
| 
 | |
| .ha-ul, .ha-ul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
| }
 | |
| 
 | |
| .ha-del, .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-diagdel, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   display: inline;
 | |
|   -webkit-text-decoration-line: line-through;
 | |
|           text-decoration-line: line-through;
 | |
| }
 | |
| 
 | |
| .ha-hand, .ha-hand *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   font-family: Playfair, serif;
 | |
|   font-size: 0.9rem;
 | |
| }
 | |
| 
 | |
| .ha-added, .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   border-radius: 0.125rem;
 | |
|   padding-left: 0.125rem;
 | |
|   padding-right: 0.125rem;
 | |
| }
 | |
| 
 | |
| .ha-note, .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| .ha-emph *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| .ha-sup *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
 | |
|   position: relative;
 | |
|   top: -0.3em;
 | |
|   font-size: 80%;
 | |
| }
 | |
| 
 | |
| /* TODO: Something dooesnt work here */
 | |
| 
 | |
| .ha-super {
 | |
|   position: relative;
 | |
|   top: -0.3em;
 | |
|   vertical-align: baseline;
 | |
|   font-size: 0.75rem;
 | |
|   line-height: 1rem;
 | |
|   line-height: 1;
 | |
|   font-variant-numeric: normal;
 | |
| }
 | |
| 
 | |
| .ha-sub {
 | |
|   position: relative;
 | |
|   bottom: -0.25em;
 | |
|   vertical-align: baseline;
 | |
|   font-size: 0.75rem;
 | |
|   line-height: 1rem;
 | |
|   line-height: 1;
 | |
| }
 | |
| 
 | |
| .ha-ful, .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   display: inline;
 | |
|   border-bottom-width: 1px;
 | |
|   padding-bottom: 2px;
 | |
| }
 | |
| 
 | |
| .ha-dul, .ha-dul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   -webkit-text-decoration-style: double;
 | |
|           text-decoration-style: double;
 | |
| }
 | |
| 
 | |
| .ha-tul, .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   border-bottom-width: 3px;
 | |
|   border-style: double;
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
| }
 | |
| 
 | |
| .ha-alignright {
 | |
|   float: right;
 | |
| }
 | |
| 
 | |
| .ha-aligncenter {
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   --tw-translate-x: -50%;
 | |
|   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 | |
|   white-space: nowrap;
 | |
| }
 | |
| 
 | |
| .ha-sal {
 | |
|   margin-left: 1.5rem;
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| /* Classes for indents */
 | |
| 
 | |
| .ha-indent-1 {
 | |
|   padding-left: 0.5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-1 {
 | |
|     padding-left: 1rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-indent-2 {
 | |
|   padding-left: 1rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-2 {
 | |
|     padding-left: 2rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-indent-3 {
 | |
|   padding-left: 1.5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-3 {
 | |
|     padding-left: 3rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-indent-4 {
 | |
|   padding-left: 2rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-4 {
 | |
|     padding-left: 4rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-indent-5 {
 | |
|   padding-left: 2.5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-5 {
 | |
|     padding-left: 5rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-indent-6 {
 | |
|   padding-left: 5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-6 {
 | |
|     padding-left: 11rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-indent-7 {
 | |
|   padding-left: 8rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .ha-indent-7 {
 | |
|     padding-left: 16rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| /* Classes from Javascript */
 | |
| 
 | |
| .active {
 | |
|   pointer-events: none;
 | |
| }
 | |
| 
 | |
| .ha-topnav a.active {
 | |
|   -webkit-text-decoration-line: underline;
 | |
|           text-decoration-line: underline;
 | |
|   text-underline-offset: 2px;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav a.active {
 | |
|     -webkit-text-decoration-line: none;
 | |
|             text-decoration-line: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav.ha-topnav-collapsed {
 | |
|   margin-top: 1rem;
 | |
|   display: block;
 | |
|   height: 100%;
 | |
|   width: 100%;
 | |
|   font-size: 1rem;
 | |
|   line-height: 1.5rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .ha-topnav.ha-topnav-collapsed {
 | |
|     font-size: 1.125rem;
 | |
|     line-height: 1.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav.ha-topnav-collapsed {
 | |
|     margin-top: 0px;
 | |
|     display: flex;
 | |
|     width: -webkit-fit-content;
 | |
|     width: -moz-fit-content;
 | |
|     width: fit-content;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1680px) {
 | |
|   .ha-topnav.ha-topnav-collapsed {
 | |
|     font-size: 1.25rem;
 | |
|     line-height: 1.75rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav.ha-topnav-collapsed a {
 | |
|   clear: both;
 | |
|   display: block;
 | |
|   width: 100%;
 | |
|   padding-top: 0.25rem;
 | |
|   padding-bottom: 0.25rem;
 | |
|   text-align: left;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav.ha-topnav-collapsed a {
 | |
|     display: inline-block;
 | |
|     width: -webkit-fit-content;
 | |
|     width: -moz-fit-content;
 | |
|     width: fit-content;
 | |
|     padding-top: 0px;
 | |
|     padding-bottom: 0px;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown {
 | |
|     display: inline-block;
 | |
|   }
 | |
| 
 | |
|   .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown:hover
 | |
|     .ha-topnav-dropdown-content {
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown
 | |
|     .ha-topnav-dropdown-content {
 | |
|   display: block;
 | |
|   border-style: none;
 | |
|   padding-top: 0px;
 | |
|   --tw-shadow: 0 0 #0000;
 | |
|   --tw-shadow-colored: 0 0 #0000;
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown
 | |
|     .ha-topnav-dropdown-content {
 | |
|     display: none;
 | |
|     padding-top: 0.5rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown
 | |
|     .ha-topnav-dropdown-content
 | |
|     a {
 | |
|   padding-top: 0.25rem;
 | |
|   padding-bottom: 0.25rem;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-topnav.ha-topnav-collapsed
 | |
|     .ha-topnav-dropdown
 | |
|     .ha-topnav-dropdown-content
 | |
|     a {
 | |
|     padding-top: 0.5rem;
 | |
|     padding-bottom: 0.5rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-register .ha-headcomment .ha-btn-collapsed-box {
 | |
|   left: 47.6rem;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-subcomment .ha-btn-collapsed-box {
 | |
|   left: 45.6rem;
 | |
| }
 | |
| 
 | |
| .ha-register .ha-btn-collapsed-box {
 | |
|   position: absolute;
 | |
|   top: -0.15rem;
 | |
|   display: none;
 | |
|   cursor: pointer;
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .ha-register .ha-btn-collapsed-box {
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-collapsed-box, .ha-collapsed-box * {
 | |
|   z-index: 0;
 | |
|   min-height: 0px;
 | |
|   min-width: 0px;
 | |
|   cursor: default;
 | |
|   overflow: hidden;
 | |
|   text-overflow: ellipsis;
 | |
| }
 | |
| 
 | |
| .ha-expanded-box {
 | |
|   z-index: 1000;
 | |
|   height: auto !important;
 | |
|   max-height: 100vh !important;
 | |
|   padding-bottom: 0.25rem;
 | |
| }
 | |
| 
 | |
| .pointer-events-none {
 | |
|   pointer-events: none;
 | |
| }
 | |
| 
 | |
| .static {
 | |
|   position: static;
 | |
| }
 | |
| 
 | |
| .absolute {
 | |
|   position: absolute;
 | |
| }
 | |
| 
 | |
| .relative {
 | |
|   position: relative;
 | |
| }
 | |
| 
 | |
| .sticky {
 | |
|   position: -webkit-sticky;
 | |
|   position: sticky;
 | |
| }
 | |
| 
 | |
| .bottom-0 {
 | |
|   bottom: 0px;
 | |
| }
 | |
| 
 | |
| .my-8 {
 | |
|   margin-top: 2rem;
 | |
|   margin-bottom: 2rem;
 | |
| }
 | |
| 
 | |
| .mx-8 {
 | |
|   margin-left: 2rem;
 | |
|   margin-right: 2rem;
 | |
| }
 | |
| 
 | |
| .mx-auto {
 | |
|   margin-left: auto;
 | |
|   margin-right: auto;
 | |
| }
 | |
| 
 | |
| .ml-8 {
 | |
|   margin-left: 2rem;
 | |
| }
 | |
| 
 | |
| .mb-6 {
 | |
|   margin-bottom: 1.5rem;
 | |
| }
 | |
| 
 | |
| .mr-2 {
 | |
|   margin-right: 0.5rem;
 | |
| }
 | |
| 
 | |
| .\!mr-0 {
 | |
|   margin-right: 0px !important;
 | |
| }
 | |
| 
 | |
| .block {
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| .inline-block {
 | |
|   display: inline-block;
 | |
| }
 | |
| 
 | |
| .flex {
 | |
|   display: flex;
 | |
| }
 | |
| 
 | |
| .table {
 | |
|   display: table;
 | |
| }
 | |
| 
 | |
| .flow-root {
 | |
|   display: flow-root;
 | |
| }
 | |
| 
 | |
| .hidden {
 | |
|   display: none;
 | |
| }
 | |
| 
 | |
| .h-full {
 | |
|   height: 100%;
 | |
| }
 | |
| 
 | |
| .h-8 {
 | |
|   height: 2rem;
 | |
| }
 | |
| 
 | |
| .min-h-screen {
 | |
|   min-height: 100vh;
 | |
| }
 | |
| 
 | |
| .w-full {
 | |
|   width: 100%;
 | |
| }
 | |
| 
 | |
| .w-8 {
 | |
|   width: 2rem;
 | |
| }
 | |
| 
 | |
| .shrink-0 {
 | |
|   flex-shrink: 0;
 | |
| }
 | |
| 
 | |
| .shrink {
 | |
|   flex-shrink: 1;
 | |
| }
 | |
| 
 | |
| .grow {
 | |
|   flex-grow: 1;
 | |
| }
 | |
| 
 | |
| .grow-0 {
 | |
|   flex-grow: 0;
 | |
| }
 | |
| 
 | |
| .cursor-default {
 | |
|   cursor: default;
 | |
| }
 | |
| 
 | |
| .resize {
 | |
|   resize: both;
 | |
| }
 | |
| 
 | |
| .list-disc {
 | |
|   list-style-type: disc;
 | |
| }
 | |
| 
 | |
| .flex-row {
 | |
|   flex-direction: row;
 | |
| }
 | |
| 
 | |
| .flex-wrap {
 | |
|   flex-wrap: wrap;
 | |
| }
 | |
| 
 | |
| .overflow-hidden {
 | |
|   overflow: hidden;
 | |
| }
 | |
| 
 | |
| .text-ellipsis {
 | |
|   text-overflow: ellipsis;
 | |
| }
 | |
| 
 | |
| .whitespace-nowrap {
 | |
|   white-space: nowrap;
 | |
| }
 | |
| 
 | |
| .border {
 | |
|   border-width: 1px;
 | |
| }
 | |
| 
 | |
| .border-t-\[5px\] {
 | |
|   border-top-width: 5px;
 | |
| }
 | |
| 
 | |
| .border-gray-300 {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .border-gray-900 {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .border-t-gray-200 {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .border-l-gray-200 {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .bg-slate-50 {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .p-1 {
 | |
|   padding: 0.25rem;
 | |
| }
 | |
| 
 | |
| .py-3 {
 | |
|   padding-top: 0.75rem;
 | |
|   padding-bottom: 0.75rem;
 | |
| }
 | |
| 
 | |
| .px-3 {
 | |
|   padding-left: 0.75rem;
 | |
|   padding-right: 0.75rem;
 | |
| }
 | |
| 
 | |
| .pb-24 {
 | |
|   padding-bottom: 6rem;
 | |
| }
 | |
| 
 | |
| .pb-3 {
 | |
|   padding-bottom: 0.75rem;
 | |
| }
 | |
| 
 | |
| .pr-3 {
 | |
|   padding-right: 0.75rem;
 | |
| }
 | |
| 
 | |
| .align-baseline {
 | |
|   vertical-align: baseline;
 | |
| }
 | |
| 
 | |
| .align-bottom {
 | |
|   vertical-align: bottom;
 | |
| }
 | |
| 
 | |
| .font-serif {
 | |
|   font-family: Libertine, serif;
 | |
| }
 | |
| 
 | |
| .text-xl {
 | |
|   font-size: 1.25rem;
 | |
|   line-height: 1.75rem;
 | |
| }
 | |
| 
 | |
| .italic {
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| .text-black {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| /* Regular woff-files for regular font variants curerently
 | |
|    Instead we can use the Graphite versions of the font   
 | |
| 
 | |
| @font-face {
 | |
|     font-family: 'Biolinum';
 | |
|     src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
 | |
|     font-display: swap;
 | |
|     font-weight: normal;
 | |
|     font-style: normal;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|     font-family: 'Libertine';
 | |
|     src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
 | |
|     font-display: swap;
 | |
|     font-weight: normal;
 | |
|     font-style: normal;
 | |
| }
 | |
| 
 | |
| */
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Biolinum";
 | |
| 
 | |
|   src: url("../fonts/LinBiolinum_R.woff") format("woff");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: normal;
 | |
| 
 | |
|   font-style: normal;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Libertine";
 | |
| 
 | |
|   src: url("../fonts/LinLibertine_R.woff") format("woff");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: normal;
 | |
| 
 | |
|   font-style: normal;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Biolinum";
 | |
| 
 | |
|   src: url("../fonts/LinBiolinum_RI.woff") format("woff");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: normal;
 | |
| 
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Biolinum";
 | |
| 
 | |
|   src: url("../fonts/LinBiolinum_RB.woff") format("woff");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: bold;
 | |
| 
 | |
|   font-style: normal;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Libertine";
 | |
| 
 | |
|   src: url("../fonts/LinLibertine_RI.woff") format("woff");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: normal;
 | |
| 
 | |
|   font-style: italic;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Libertine";
 | |
| 
 | |
|   src: url("../fonts/LinLibertine_RB.woff") format("woff");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: bold;
 | |
| 
 | |
|   font-style: normal;
 | |
| }
 | |
| 
 | |
| @font-face {
 | |
|   font-family: "Playfair";
 | |
| 
 | |
|   src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
 | |
| 
 | |
|   font-display: swap;
 | |
| 
 | |
|   font-weight: normal;
 | |
| 
 | |
|   font-style: normal;
 | |
| }
 | |
| 
 | |
| /* Content */
 | |
| 
 | |
| .ha-lettertext .ha-marginalbox:before {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-lettertext .ha-marginalbox .ha-marginal::after {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-lettertext .ha-marginalbox .ha-marginal:last-of-type::after {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-nr::before {
 | |
|   content: " \200E\25E6";
 | |
| }
 | |
| 
 | |
| .ha-nr::after {
 | |
|   content: " \200E\25E6";
 | |
| }
 | |
| 
 | |
| .ha-added::before {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-added::after {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-note::before {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-note::after {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-bzg::after {
 | |
|   content: "]";
 | |
| }
 | |
| 
 | |
| .ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2)::after {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| /* Not implemented in tailwindcss */
 | |
| 
 | |
| * {
 | |
|   -webkit-text-decoration-skip-ink: all;
 | |
|           text-decoration-skip-ink: all;
 | |
| }
 | |
| 
 | |
| body {
 | |
|   background-image: url("../img/subtlenet2.png");
 | |
|   background-repeat: repeat;
 | |
| }
 | |
| 
 | |
| .ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
 | |
| .ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
 | |
|   display: -webkit-inline-box;
 | |
|   -webkit-box-orient: vertical;
 | |
| }
 | |
| 
 | |
| .ha-diagdel {
 | |
|   text-decoration: none !important;
 | |
|   -webkit-text-decoration-line: none !important;
 | |
|           text-decoration-line: none !important;
 | |
|   position: relative;
 | |
|   display: inline-block !important;
 | |
| }
 | |
| 
 | |
| .ha-diagdel::before,
 | |
| .ha-diagdel::after {
 | |
|   content: "";
 | |
|   width: 100%;
 | |
|   height: 0%;
 | |
|   position: absolute;
 | |
|   right: 0;
 | |
|   bottom: 1.4ex;
 | |
| }
 | |
| 
 | |
| .ha-diagdel::before {
 | |
|   border-width: 1px;
 | |
|   border-style: solid;
 | |
|   transform: skewY(-36deg);
 | |
| }
 | |
| 
 | |
| .ha-del .ha-del,
 | |
| .ha-del .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
 | |
|   -moz-text-decoration-style: double;
 | |
|   -webkit-text-decoration-style: double !important;
 | |
|   text-decoration-thickness: 1px;
 | |
|   text-decoration-style: double;
 | |
| }
 | |
| 
 | |
| .ha-del .ha-del .ha-ul,
 | |
| .ha-ul .ha-del .ha-del,
 | |
| .ha-del .ha-ul .ha-del {
 | |
|   text-decoration: line-through underline;
 | |
|   -moz-text-decoration-style: double;
 | |
|   -webkit-text-decoration-style: double !important;
 | |
|   text-decoration-thickness: 1px;
 | |
|   text-decoration-style: double;
 | |
| }
 | |
| 
 | |
| .ha-del .ha-ul,
 | |
| .ha-ul .ha-del {
 | |
|   text-decoration: line-through underline;
 | |
|   text-decoration-thickness: 1px;
 | |
|   text-decoration-skip-ink: auto;
 | |
|   -webkit-text-decoration-skip-ink: auto;
 | |
| }
 | |
| 
 | |
| .hyphenate {
 | |
|   -webkit-hyphens: auto;
 | |
|       -ms-hyphens: auto;
 | |
|           hyphens: auto;
 | |
| }
 | |
| 
 | |
| .unhyphenate {
 | |
|   -webkit-hyphens: none;
 | |
|       -ms-hyphens: none;
 | |
|           hyphens: none;
 | |
| }
 | |
| 
 | |
| .numeric-mediaeval {
 | |
|   font-variant-numeric: oldstyle-nums;
 | |
| }
 | |
| 
 | |
| .numeric-normal {
 | |
|   font-variant-numeric: normal;
 | |
| }
 | |
| 
 | |
| .caps-allpetite {
 | |
|   font-variant-caps: all-petite-caps;
 | |
| }
 | |
| 
 | |
| .caps-petite {
 | |
|   font-variant-caps: petite-caps;
 | |
| }
 | |
| 
 | |
| .caps-normal {
 | |
|   font-variant-caps: normal;
 | |
| }
 | |
| 
 | |
| .break-inside-avoid {
 | |
|   -moz-column-break-inside: avoid;
 | |
|        break-inside: avoid;
 | |
| }
 | |
| 
 | |
| /* Symbols, Icons, Drawings, Tooltips */
 | |
| 
 | |
| .ha-menu-arrowsymbol::after {
 | |
|   display: inline-block;
 | |
|   margin-left: 0.2em;
 | |
|   vertical-align: 0.2em;
 | |
|   content: "";
 | |
|   border-top: 0.3em solid;
 | |
|   border-right: 0.3em solid transparent;
 | |
|   border-bottom: 0;
 | |
|   border-left: 0.3em solid transparent;
 | |
| }
 | |
| 
 | |
| .ha-menusymbol {
 | |
|   border-radius: 4px;
 | |
| }
 | |
| 
 | |
| .ha-menusymbol svg {
 | |
|   width: 24px;
 | |
|   height: 24px;
 | |
|   stroke-width: 2;
 | |
|   stroke-linecap: round;
 | |
|   stroke-linejoin: miter;
 | |
|   fill: none;
 | |
| }
 | |
| 
 | |
| .ha-tooltip .ha-tooltiptext {
 | |
|   white-space: nowrap;
 | |
|   visibility: hidden;
 | |
|   min-width: 160px;
 | |
|   bottom: 155%;
 | |
|   left: 50%;
 | |
|   margin-left: -80px;
 | |
|   opacity: 0;
 | |
|   transition: opacity 0.3s;
 | |
| }
 | |
| 
 | |
| .ha-tooltip .ha-tooltiptext::after {
 | |
|   content: "";
 | |
|   position: absolute;
 | |
|   top: 100%;
 | |
|   left: 50%;
 | |
|   margin-left: -5px;
 | |
|   border-width: 5px;
 | |
|   border-style: solid;
 | |
|   /* border-color: rgb(226 232 240 / var(--tw-bg-opacity)) transparent transparent
 | |
|     transparent; */
 | |
| }
 | |
| 
 | |
| .ha-tooltip:hover .ha-tooltiptext {
 | |
|   visibility: visible;
 | |
|   opacity: 1;
 | |
| }
 | |
| 
 | |
| .ha-open-btn-collapsed-box::before {
 | |
|   content: "\200E+";
 | |
|   font-weight: 900;
 | |
| }
 | |
| 
 | |
| .ha-close-btn-collapsed-box::before {
 | |
|   content: "\200E\00D7";
 | |
|   font-weight: 900;
 | |
| }
 | |
| 
 | |
| .ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
 | |
|   content: "\200E+ ";
 | |
|   font-weight: bold;
 | |
|   display: inline-block;
 | |
|   background-color: lightslategray;
 | |
|   padding-left: 0.25rem;
 | |
|   padding-right: 0.25rem;
 | |
| }
 | |
| 
 | |
| /* Tooltip text */
 | |
| 
 | |
| .ha-uploadform .ha-uploadmessage {
 | |
|   visibility: visible;
 | |
|   text-align: center;
 | |
|   padding: 5px 0;
 | |
|   border-radius: 6px;
 | |
|   /* Position the tooltip text - see examples below! */
 | |
|   position: absolute;
 | |
|   z-index: 1;
 | |
|   margin-top: 0.5rem;
 | |
|   width: 360px;
 | |
|   top: 100%;
 | |
|   left: 50%;
 | |
|   margin-left: -180px;
 | |
|   /* Use half of the width (120/2 = 60), to center the tooltip */
 | |
|   opacity: 0;
 | |
|   transition: opacity 1s;
 | |
| }
 | |
| 
 | |
| .ha-uploadform .ha-uploadmessage::after {
 | |
|   content: " ";
 | |
|   position: absolute;
 | |
|   bottom: 100%;
 | |
|   /* At the top of the tooltip */
 | |
|   left: 50%;
 | |
|   margin-left: -5px;
 | |
|   border-width: 5px;
 | |
|   border-style: solid;
 | |
|   border-color: transparent transparent grey transparent;
 | |
| }
 | |
| 
 | |
| .ha-lds-ellipsis {
 | |
|   display: none;
 | |
|   position: absolute;
 | |
|   bottom: 20px;
 | |
| }
 | |
| 
 | |
| .ha-lds-ellipsis div {
 | |
|   position: absolute;
 | |
|   width: 7px;
 | |
|   height: 7px;
 | |
|   border-radius: 50%;
 | |
|   background: #000;
 | |
|   -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
 | |
|           animation-timing-function: cubic-bezier(0, 1, 1, 0);
 | |
| }
 | |
| 
 | |
| .ha-lds-ellipsis div:nth-child(1) {
 | |
|   left: 6px;
 | |
|   -webkit-animation: ha-lds-ellipsis1 0.6s infinite;
 | |
|           animation: ha-lds-ellipsis1 0.6s infinite;
 | |
| }
 | |
| 
 | |
| .ha-lds-ellipsis div:nth-child(2) {
 | |
|   left: 4px;
 | |
|   -webkit-animation: ha-lds-ellipsis2 0.6s infinite;
 | |
|           animation: ha-lds-ellipsis2 0.6s infinite;
 | |
| }
 | |
| 
 | |
| .ha-lds-ellipsis div:nth-child(3) {
 | |
|   left: 16px;
 | |
|   -webkit-animation: ha-lds-ellipsis2 0.6s infinite;
 | |
|           animation: ha-lds-ellipsis2 0.6s infinite;
 | |
| }
 | |
| 
 | |
| .ha-lds-ellipsis div:nth-child(4) {
 | |
|   left: 30px;
 | |
|   -webkit-animation: ha-lds-ellipsis3 0.6s infinite;
 | |
|           animation: ha-lds-ellipsis3 0.6s infinite;
 | |
| }
 | |
| 
 | |
| @-webkit-keyframes ha-lds-ellipsis1 {
 | |
|   0% {
 | |
|     transform: scale(0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     transform: scale(1);
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes ha-lds-ellipsis1 {
 | |
|   0% {
 | |
|     transform: scale(0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     transform: scale(1);
 | |
|   }
 | |
| }
 | |
| 
 | |
| @-webkit-keyframes ha-lds-ellipsis3 {
 | |
|   0% {
 | |
|     transform: scale(1);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     transform: scale(0);
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes ha-lds-ellipsis3 {
 | |
|   0% {
 | |
|     transform: scale(1);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     transform: scale(0);
 | |
|   }
 | |
| }
 | |
| 
 | |
| @-webkit-keyframes ha-lds-ellipsis2 {
 | |
|   0% {
 | |
|     transform: translate(0, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     transform: translate(16px, 0);
 | |
|   }
 | |
| }
 | |
| 
 | |
| @keyframes ha-lds-ellipsis2 {
 | |
|   0% {
 | |
|     transform: translate(0, 0);
 | |
|   }
 | |
| 
 | |
|   100% {
 | |
|     transform: translate(16px, 0);
 | |
|   }
 | |
| }
 | |
| 
 | |
| .ha-cross::before,
 | |
| .ha-cross::after {
 | |
|   content: "";
 | |
| }
 | |
| 
 | |
| .ha-cross::before {
 | |
|   transform: skewY(-27deg);
 | |
| }
 | |
| 
 | |
| /* Classes for tables */
 | |
| 
 | |
| .ha-table {
 | |
|   overflow: hidden;
 | |
|   white-space: nowrap;
 | |
|   font-variant-numeric: tabular-nums !important;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-2 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 50%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-2 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   min-width: 50%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-3 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 33.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-3 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 33%;
 | |
|   min-width: 33.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-3 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 66%;
 | |
|   min-width: 33.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-4 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 25%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-4 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 25%;
 | |
|   min-width: 25%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-4 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   min-width: 25%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-4 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 75%;
 | |
|   min-width: 25%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-5 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 20%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-5 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 20%;
 | |
|   min-width: 20%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-5 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 40%;
 | |
|   min-width: 20%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-5 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 60%;
 | |
|   min-width: 20%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-5 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 80%;
 | |
|   min-width: 20%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-6 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 16.667%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-6 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 16.667%;
 | |
|   min-width: 16.667%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-6 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 33.333%;
 | |
|   min-width: 16.667%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-6 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   min-width: 16.667%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-6 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 66.667%;
 | |
|   min-width: 16.667%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-6 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 83.333%;
 | |
|   min-width: 16.667%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-7 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-7 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 14.286%;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-7 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 28.571%;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-7 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 42.857%;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-7 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 57.143%;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-7 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 71.429%;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-6-7 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 85.714%;
 | |
|   min-width: 14.286%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-8 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 12.5%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 25%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 37.5%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 62.5%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-6-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 75%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-7-8 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 87.5%;
 | |
|   min-width: 12.5%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-9 {
 | |
|   display: inline;
 | |
|   position: static;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 11.111%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 22.222%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 33.333%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 44.444%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 55.555%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-6-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 66.666%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-7-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 77.777%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-8-9 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 88.888%;
 | |
|   min-width: 11.111%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 10%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 20%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 30%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 40%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-6-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 60%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-7-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 70%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-8-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 80%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-9-10 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 90%;
 | |
|   min-width: 10%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 9.091%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 18.182%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 27.273%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 36.364%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 45.455%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-6-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 54.545%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-7-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 63.636%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-8-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 72.727%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-9-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 81.818%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-10-11 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 90.909%;
 | |
|   min-width: 9.091%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-0-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-1-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 8.333%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-2-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 16.666%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-3-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 25%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-4-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 33.333%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-5-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 41.666%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-6-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 50%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-7-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 58.333%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-8-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 66.666%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-9-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 75%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-10-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 83.333%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .ha-hatab-11-12 {
 | |
|   display: inline-block;
 | |
|   position: absolute;
 | |
|   left: 91.666%;
 | |
|   min-width: 8.333%;
 | |
| }
 | |
| 
 | |
| .hover\:text-black:hover {
 | |
|   --tw-text-opacity: 1;
 | |
|   color: rgb(0 0 0 / var(--tw-text-opacity));
 | |
| }
 | |
| 
 | |
| .dark .dark\:border-gray-900 {
 | |
|   --tw-border-opacity: 1;
 | |
|   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 | |
| }
 | |
| 
 | |
| .dark .dark\:bg-slate-800 {
 | |
|   --tw-bg-opacity: 1;
 | |
|   background-color: rgb(30 41 59 / var(--tw-bg-opacity));
 | |
| }
 | |
| 
 | |
| .dark .dark\:pt-2 {
 | |
|   padding-top: 0.5rem;
 | |
| }
 | |
| 
 | |
| .dark .dark\:pb-2 {
 | |
|   padding-bottom: 0.5rem;
 | |
| }
 | |
| 
 | |
| .dark .dark\:shadow-xl {
 | |
|   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 | |
|   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
 | |
|   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 | |
| }
 | |
| 
 | |
| @media (min-width: 700px) {
 | |
|   .sm\:inline {
 | |
|     display: inline;
 | |
|   }
 | |
| 
 | |
|   .sm\:hidden {
 | |
|     display: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 960px) {
 | |
|   .md\:inline {
 | |
|     display: inline;
 | |
|   }
 | |
| 
 | |
|   .md\:hidden {
 | |
|     display: none;
 | |
|   }
 | |
| 
 | |
|   .md\:pr-80 {
 | |
|     padding-right: 20rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1190px) {
 | |
|   .desktop\:block {
 | |
|     display: block;
 | |
|   }
 | |
| 
 | |
|   .desktop\:hidden {
 | |
|     display: none;
 | |
|   }
 | |
| 
 | |
|   .desktop\:max-w-screen-desktop {
 | |
|     max-width: 1190px;
 | |
|   }
 | |
| 
 | |
|   .desktop\:px-8 {
 | |
|     padding-left: 2rem;
 | |
|     padding-right: 2rem;
 | |
|   }
 | |
| 
 | |
|   .desktop\:pr-8 {
 | |
|     padding-right: 2rem;
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media (min-width: 1440px) {
 | |
|   .xl\:h-12 {
 | |
|     height: 3rem;
 | |
|   }
 | |
| 
 | |
|   .xl\:w-12 {
 | |
|     width: 3rem;
 | |
|   }
 | |
| 
 | |
|   .xl\:text-3xl {
 | |
|     font-size: 1.875rem;
 | |
|     line-height: 2.25rem;
 | |
|   }
 | |
| }
 | 
