diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css index 9c8534ceb..eb0ce315f 100644 --- a/assets/tailwind-output.css +++ b/assets/tailwind-output.css @@ -1,4 +1,6 @@ -*, ::before, ::after { +*, +::before, +::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -8,19 +10,19 @@ --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --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); @@ -28,28 +30,28 @@ --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: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; + --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: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } ::backdrop { @@ -62,19 +64,19 @@ --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --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); @@ -82,28 +84,28 @@ --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: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; + --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: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } /* @@ -152,9 +154,10 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; - tab-size: 4; + tab-size: 4; /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', + 'Segoe UI Symbol', 'Noto Color Emoji'; /* 4 */ font-feature-settings: normal; /* 5 */ @@ -197,7 +200,7 @@ Add the correct text decoration in Chrome, Edge, and Safari. abbr:where([title]) { -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; } /* @@ -243,7 +246,8 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', + 'Courier New', monospace; /* 1 */ font-feature-settings: normal; /* 2 */ @@ -486,7 +490,8 @@ textarea { 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, textarea::-moz-placeholder { +input::-moz-placeholder, +textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; @@ -506,7 +511,7 @@ Set the default cursor for buttons. */ button, -[role="button"] { +[role='button'] { cursor: pointer; } @@ -550,7 +555,7 @@ video { /* Make elements with the HTML hidden attribute stay hidden by default */ -[hidden]:where(:not([hidden="until-found"])) { +[hidden]:where(:not([hidden='until-found'])) { display: none; } @@ -1230,42 +1235,56 @@ video { .-translate-x-1\/2 { --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)); + 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)); } .-translate-y-1\/2 { --tw-translate-y: -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)); + 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)); } .translate-x-1 { --tw-translate-x: 0.25rem; - 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)); + 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)); } .translate-y-0 { --tw-translate-y: 0px; - 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)); + 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)); } .translate-y-4 { --tw-translate-y: 1rem; - 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)); + 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)); } .translate-y-\[-50\%\] { --tw-translate-y: -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)); + 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)); } .transform { - 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)); + 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)); } .select-all { -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + -moz-user-select: all; + user-select: all; } .resize { @@ -1334,7 +1353,7 @@ video { .gap-x-4 { -moz-column-gap: 1rem; - column-gap: 1rem; + column-gap: 1rem; } .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { @@ -1497,11 +1516,11 @@ video { } .border-\[top\2c left\2c right\2c bottom\] { - border-color: top,left,right,bottom; + border-color: top, left, right, bottom; } .border-dark-surface-3 { - border-color: rgba(255,255,255,0.12); + border-color: rgba(255, 255, 255, 0.12); } .border-light-neutral-2 { @@ -1510,7 +1529,7 @@ video { } .border-light-surface-3 { - border-color: rgba(34,34,34,0.05); + border-color: rgba(34, 34, 34, 0.05); } .border-transparent { @@ -1528,7 +1547,7 @@ video { } .\!bg-light-surface-3 { - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; } .bg-dark-accent-1 { @@ -1582,7 +1601,7 @@ video { } .bg-dark-surface-3-hovered { - background-color: rgba(255,255,255,0.16); + background-color: rgba(255, 255, 255, 0.16); } .bg-light-accent-1 { @@ -1651,11 +1670,11 @@ video { } .bg-light-surface-3 { - background-color: rgba(34,34,34,0.05); + background-color: rgba(34, 34, 34, 0.05); } .bg-scrim { - background-color: rgba(0,0,0,0.60); + background-color: rgba(0, 0, 0, 0.6); } .bg-white { @@ -1674,47 +1693,47 @@ video { } .to-light-surface-1 { - --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position); + --tw-gradient-to: #ffffff var(--tw-gradient-to-position); } .fill-blue-base { - fill: #4981FF; + fill: #4981ff; } .fill-dark-accent-1 { - fill: #FC74FE; + fill: #fc74fe; } .fill-dark-brown-vibrant { - fill: #85754A; + fill: #85754a; } .fill-dark-neutral-1 { - fill: #FFFFFF; + fill: #ffffff; } .fill-dark-neutral-2 { - fill: #9B9B9B; + fill: #9b9b9b; } .fill-dark-orange-vibrant { - fill: #FF4D00; + fill: #ff4d00; } .fill-dark-pink-vibrant { - fill: #FC74FE; + fill: #fc74fe; } .fill-green-base { - fill: #0C8911; + fill: #0c8911; } .fill-light-accent-1 { - fill: #F50DB4; + fill: #f50db4; } .fill-light-brown-vibrant { - fill: #85754A; + fill: #85754a; } .fill-light-neutral-1 { @@ -1722,20 +1741,20 @@ video { } .fill-light-neutral-2 { - fill: #7D7D7D; + fill: #7d7d7d; } .fill-light-orange-vibrant { - fill: #FF4D00; + fill: #ff4d00; } .fill-light-pink-vibrant { - fill: #F50DB4; + fill: #f50db4; } .object-contain { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .\!p-4 { @@ -1974,42 +1993,50 @@ video { .ordinal { --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero { --tw-slashed-zero: slashed-zero; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums { --tw-numeric-figure: lining-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums { --tw-numeric-spacing: proportional-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-\[1\.4\] { @@ -2142,19 +2169,24 @@ video { .shadow { --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); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); } .shadow-dark-medium { - --tw-shadow: 0px 10px 15px -3px rgba(18, 18, 23, 0.54), 0px 4px 6px -2px rgba(18, 18, 23, 0.40); - --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -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); + --tw-shadow: 0px 10px 15px -3px rgba(18, 18, 23, 0.54), 0px 4px 6px -2px rgba(18, 18, 23, 0.4); + --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), + 0px 4px 6px -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); } .shadow-light-medium { --tw-shadow: 0px 6px 15px -3px rgba(18, 18, 23, 0.18), 0px 2px 6px -2px rgba(18, 18, 23, 0.17); - --tw-shadow-colored: 0px 6px 15px -3px var(--tw-shadow-color), 0px 2px 6px -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); + --tw-shadow-colored: 0px 6px 15px -3px var(--tw-shadow-color), + 0px 2px 6px -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); } .outline { @@ -2162,44 +2194,59 @@ video { } .ring { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) + var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .blur { --tw-blur: blur(8px); - 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); + 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); } .grayscale { --tw-grayscale: grayscale(100%); - 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); + 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); } .invert { --tw-invert: invert(100%); - 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); + 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); } .sepia { --tw-sepia: sepia(100%); - 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); + 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); } .filter { - 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); + 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); } .backdrop-filter { - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) + var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) + var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -2433,11 +2480,11 @@ video { margin-bottom: 0.375rem; width: 100%; border-top-width: 1px; - border-color: rgba(34,34,34,0.05); + border-color: rgba(34, 34, 34, 0.05); } .divider:where(.dark, .dark *) { - border-color: rgba(255,255,255,0.12); + border-color: rgba(255, 255, 255, 0.12); } .ArticlePage { @@ -2584,10 +2631,10 @@ video { transition-duration: 150ms !important; } a:hover { - text-decoration-color: #7D7D7D !important; + text-decoration-color: #7d7d7d !important; } a:hover:where(.dark, .dark *) { - text-decoration-color: #9B9B9B !important; + text-decoration-color: #9b9b9b !important; } a { font: inherit; @@ -2737,9 +2784,12 @@ video { .article-votes, .article-votes-controls { button { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -2977,9 +3027,13 @@ video { opacity: 0; } &:before { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, + -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3011,9 +3065,13 @@ video { opacity: 0; } &:after { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, + -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3041,9 +3099,12 @@ video { color: rgb(125 125 125 / var(--tw-text-opacity)); } a { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3100,9 +3161,12 @@ video { opacity: 0; } &:before { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3134,9 +3198,12 @@ video { opacity: 0; } &:after { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3182,12 +3249,12 @@ html:has(.ArticlePage) { .ck.ck-editor__main > .ck-editor__editable, .ck.ck-toolbar { border-width: 0px !important; - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; } .ck.ck-editor__main > .ck-editor__editable:where(.dark, .dark *), .ck.ck-toolbar:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } .ck.ck-editor__main > .ck-editor__editable { @@ -3287,7 +3354,7 @@ html:has(.ArticlePage) { .custom-input { border-radius: 0.75rem !important; border-width: 0px !important; - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1rem !important; @@ -3338,7 +3405,7 @@ html:has(.ArticlePage) { } .custom-input:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } @@ -3368,7 +3435,7 @@ html:has(.ArticlePage) { max-height: none !important; border-radius: 0.75rem !important; border-width: 0px !important; - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1rem !important; @@ -3409,7 +3476,7 @@ html:has(.ArticlePage) { } .custom-combobox > div:first-child:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } @@ -3451,7 +3518,7 @@ html:has(.ArticlePage) { border-width: 0px !important; } ul { - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; } ul { padding: 0px !important; @@ -3459,7 +3526,8 @@ html:has(.ArticlePage) { ul { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow) !important; } ul { font-family: var(--font-basel-grotesk) !important; @@ -3471,7 +3539,7 @@ html:has(.ArticlePage) { -moz-osx-font-smoothing: grayscale !important; } ul:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } ul { li { @@ -3492,15 +3560,16 @@ html:has(.ArticlePage) { border-width: 0px !important; } li:hover { - background-color: rgba(34,34,34,0.09) !important; + background-color: rgba(34, 34, 34, 0.09) !important; } li:hover { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow) !important; } li:where(.dark, .dark *):hover { - background-color: rgba(255,255,255,0.16) !important; + background-color: rgba(255, 255, 255, 0.16) !important; } li { svg { @@ -3746,14 +3815,15 @@ zd-autocomplete { border-bottom-right-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; border-width: 1px !important; - border-color: rgba(34,34,34,0.05) !important; + border-color: rgba(34, 34, 34, 0.05) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(34 34 34 / var(--tw-text-opacity)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow) !important; font-family: var(--font-basel-grotesk) !important; font-size: 0.875rem !important; font-style: normal !important; @@ -3765,13 +3835,13 @@ zd-autocomplete { @media (min-width: 1280px) { zd-autocomplete { - margin-left: -3.03125rem !important; + margin-left: -3.032rem !important; width: 25rem !important; } } zd-autocomplete:where(.dark, .dark *) { - border-color: rgba(255,255,255,0.12) !important; + border-color: rgba(255, 255, 255, 0.12) !important; --tw-bg-opacity: 1 !important; background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; @@ -3780,7 +3850,7 @@ zd-autocomplete:where(.dark, .dark *) { zd-autocomplete-header { border-bottom-width: 1px !important; - border-bottom-color: rgba(34,34,34,0.05) !important; + border-bottom-color: rgba(34, 34, 34, 0.05) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; text-align: left !important; @@ -3796,7 +3866,7 @@ zd-autocomplete-header { } zd-autocomplete-header:where(.dark, .dark *) { - border-bottom-color: rgba(255,255,255,0.12) !important; + border-bottom-color: rgba(255, 255, 255, 0.12) !important; --tw-bg-opacity: 1 !important; background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; @@ -3805,7 +3875,7 @@ zd-autocomplete-header:where(.dark, .dark *) { zd-autocomplete-multibrand { border-bottom-width: 1px !important; - border-bottom-color: rgba(34,34,34,0.05) !important; + border-bottom-color: rgba(34, 34, 34, 0.05) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } @@ -3816,7 +3886,7 @@ zd-autocomplete-multibrand:hover { } zd-autocomplete-multibrand:where(.dark, .dark *) { - border-bottom-color: rgba(255,255,255,0.12) !important; + border-bottom-color: rgba(255, 255, 255, 0.12) !important; --tw-bg-opacity: 1 !important; background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; } @@ -3944,7 +4014,7 @@ iframe#launcher { } .focus-within\:\!border-light-surface-3:focus-within { - border-color: rgba(34,34,34,0.05) !important; + border-color: rgba(34, 34, 34, 0.05) !important; } .focus-within\:\!bg-transparent:focus-within { @@ -4017,11 +4087,11 @@ iframe#launcher { } .hover\:bg-light-surface-3:hover { - background-color: rgba(34,34,34,0.05); + background-color: rgba(34, 34, 34, 0.05); } .hover\:bg-light-surface-3-hovered:hover { - background-color: rgba(34,34,34,0.09); + background-color: rgba(34, 34, 34, 0.09); } .hover\:\!text-light-accent-1-hovered:hover { @@ -4054,7 +4124,7 @@ iframe#launcher { } .group:hover .group-hover\:fill-light-accent-1 { - fill: #F50DB4; + fill: #f50db4; } .group:hover .group-hover\:fill-light-neutral-1 { @@ -4091,7 +4161,7 @@ iframe#launcher { } .data-\[active\]\:bg-light-surface-3[data-active] { - background-color: rgba(34,34,34,0.05); + background-color: rgba(34, 34, 34, 0.05); } .data-\[active\]\:text-light-neutral-1[data-active] { @@ -4101,7 +4171,9 @@ iframe#launcher { .group[data-checked] .group-data-\[checked\]\:translate-x-8 { --tw-translate-x: 2rem; - 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)); + 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)); } @media (min-width: 600px) { @@ -4398,7 +4470,7 @@ iframe#launcher { } .dark\:border-dark-surface-3:where(.dark, .dark *) { - border-color: rgba(255,255,255,0.12); + border-color: rgba(255, 255, 255, 0.12); } .dark\:\!bg-dark-accent-2:where(.dark, .dark *) { @@ -4412,7 +4484,7 @@ iframe#launcher { } .dark\:\!bg-dark-surface-3:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } .dark\:bg-dark-accent-1:where(.dark, .dark *) { @@ -4431,7 +4503,7 @@ iframe#launcher { } .dark\:bg-dark-brown-fade-80:where(.dark, .dark *) { - background-color: rgba(35,30,15,0.80); + background-color: rgba(35, 30, 15, 0.8); } .dark\:bg-dark-green:where(.dark, .dark *) { @@ -4445,7 +4517,7 @@ iframe#launcher { } .dark\:bg-dark-orange-fade-80:where(.dark, .dark *) { - background-color: rgba(55,27,12,0.80); + background-color: rgba(55, 27, 12, 0.8); } .dark\:bg-dark-pink-fade:where(.dark, .dark *) { @@ -4454,7 +4526,7 @@ iframe#launcher { } .dark\:bg-dark-pink-fade-80:where(.dark, .dark *) { - background-color: rgba(54,26,55,0.80); + background-color: rgba(54, 26, 55, 0.8); } .dark\:bg-dark-pink-vibrant:where(.dark, .dark *) { @@ -4473,7 +4545,7 @@ iframe#launcher { } .dark\:bg-dark-surface-3:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12); + background-color: rgba(255, 255, 255, 0.12); } .dark\:to-dark-surface-1:where(.dark, .dark *) { @@ -4481,35 +4553,35 @@ iframe#launcher { } .dark\:fill-blue-base:where(.dark, .dark *) { - fill: #4981FF; + fill: #4981ff; } .dark\:fill-dark-accent-1:where(.dark, .dark *) { - fill: #FC74FE; + fill: #fc74fe; } .dark\:fill-dark-brown-vibrant:where(.dark, .dark *) { - fill: #85754A; + fill: #85754a; } .dark\:fill-dark-neutral-1:where(.dark, .dark *) { - fill: #FFFFFF; + fill: #ffffff; } .dark\:fill-dark-neutral-2:where(.dark, .dark *) { - fill: #9B9B9B; + fill: #9b9b9b; } .dark\:fill-dark-orange-vibrant:where(.dark, .dark *) { - fill: #FF4D00; + fill: #ff4d00; } .dark\:fill-dark-pink-vibrant:where(.dark, .dark *) { - fill: #FC74FE; + fill: #fc74fe; } .dark\:fill-green-base:where(.dark, .dark *) { - fill: #0C8911; + fill: #0c8911; } .dark\:\!text-dark-accent-1:where(.dark, .dark *) { @@ -4588,7 +4660,7 @@ iframe#launcher { } .focus-within\:dark\:\!border-dark-surface-3:where(.dark, .dark *):focus-within { - border-color: rgba(255,255,255,0.12) !important; + border-color: rgba(255, 255, 255, 0.12) !important; } .focus-within\:dark\:\!text-dark-neutral-1:where(.dark, .dark *):focus-within { @@ -4622,11 +4694,11 @@ iframe#launcher { } .dark\:hover\:bg-dark-surface-3:hover:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12); + background-color: rgba(255, 255, 255, 0.12); } .dark\:hover\:bg-dark-surface-3-hovered:hover:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.16); + background-color: rgba(255, 255, 255, 0.16); } .hover\:dark\:\!bg-dark-accent-2-hovered:where(.dark, .dark *):hover { @@ -4640,7 +4712,7 @@ iframe#launcher { } .hover\:dark\:bg-dark-surface-3-hovered:where(.dark, .dark *):hover { - background-color: rgba(255,255,255,0.16); + background-color: rgba(255, 255, 255, 0.16); } .hover\:dark\:bg-light-accent-2:where(.dark, .dark *):hover { @@ -4679,11 +4751,11 @@ iframe#launcher { } .group:hover .group-hover\:dark\:fill-dark-accent-1:where(.dark, .dark *) { - fill: #FC74FE; + fill: #fc74fe; } .group:hover .group-hover\:dark\:fill-dark-neutral-1:where(.dark, .dark *) { - fill: #FFFFFF; + fill: #ffffff; } .group:hover .dark\:group-hover\:text-dark-accent-1:where(.dark, .dark *) { @@ -4722,7 +4794,7 @@ iframe#launcher { } .dark\:data-\[active\]\:bg-dark-surface-3[data-active]:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12); + background-color: rgba(255, 255, 255, 0.12); } .dark\:data-\[active\]\:text-dark-neutral-1[data-active]:where(.dark, .dark *) { diff --git a/manifest.json b/manifest.json index adb5a4ae7..01a62bb16 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Copenhagen", "author": "Sanctuary Computer", - "version": "4.2.11", + "version": "4.2.15", "api_version": 4, "default_locale": "en-us", "settings": [ diff --git a/style.css b/style.css index c1f2e819f..011f77698 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,6 @@ /***** Normalize.css *****/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -@import "main.css"; +@import 'main.css'; html { line-height: 1.15; -webkit-text-size-adjust: 100%; @@ -98,24 +98,24 @@ select { } button, -[type=button], -[type=reset], -[type=submit] { +[type='button'], +[type='reset'], +[type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } @@ -140,23 +140,23 @@ textarea { overflow: auto; } -[type=checkbox], -[type=radio] { +[type='checkbox'], +[type='radio'] { box-sizing: border-box; padding: 0; } -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { height: auto; } -[type=search] { +[type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } -[type=search]::-webkit-search-decoration { +[type='search']::-webkit-search-decoration { -webkit-appearance: none; } @@ -182,7 +182,8 @@ template { } @keyframes float { - 0%, 100% { + 0%, + 100% { transform: translateY(0); } 50% { @@ -196,28 +197,28 @@ template { } .avatar-wrapper g:nth-of-type(1) { - animation-duration: 5s; + animation-duration: 6s; animation-delay: 2s; } .avatar-wrapper g:nth-of-type(2) { - animation-duration: 5s; - animation-delay: 1s; + animation-duration: 6s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(3) { animation-duration: 4s; - animation-delay: 1s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(4) { animation-duration: 4s; - animation-delay: 2s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(5) { animation-duration: 6s; - animation-delay: 2s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(6) { @@ -232,15 +233,15 @@ template { .avatar-wrapper g:nth-of-type(8) { animation-duration: 6s; - animation-delay: 1s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(9) { - animation-duration: 6s; - animation-delay: 2s; + animation-duration: 5s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(10) { animation-duration: 6s; animation-delay: 1s; -} \ No newline at end of file +} diff --git a/styles/main.css b/styles/main.css index 3161c65ec..24092f32d 100644 --- a/styles/main.css +++ b/styles/main.css @@ -379,7 +379,7 @@ html:has(.ArticlePage) { } zd-autocomplete { - @apply !body-3 !bg-light-surface-1 dark:!bg-dark-surface-1 !text-light-neutral-1 dark:!text-dark-neutral-1 md:!w-[25rem] !-ml-[3.25rem] md:!-ml-[3.03125rem] !rounded-b-xl !shadow-none !border !border-light-surface-3 dark:!border-dark-surface-3; + @apply !body-3 !bg-light-surface-1 dark:!bg-dark-surface-1 !text-light-neutral-1 dark:!text-dark-neutral-1 md:!w-[25rem] !-ml-[3.25rem] md:!-ml-[3.032rem] !rounded-b-xl !shadow-none !border !border-light-surface-3 dark:!border-dark-surface-3; } zd-autocomplete-header {