refactor(css/ast): Unify SimpleBlock and Block completely (#3531)

This commit is contained in:
Alexander Akait 2022-02-11 16:31:51 +03:00 committed by GitHub
parent 907157eaad
commit 37c49e876c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
785 changed files with 33551 additions and 14265 deletions

View File

@ -26,7 +26,7 @@ pub enum Rule {
pub struct QualifiedRule {
pub span: Span,
pub prelude: SelectorList,
pub block: Block,
pub block: SimpleBlock,
}
#[ast_node("SimpleBlock")]
@ -46,12 +46,6 @@ pub enum ComponentValue {
DeclarationBlockItem(DeclarationBlockItem),
}
#[ast_node("Block")]
pub struct Block {
pub span: Span,
pub value: Vec<DeclarationBlockItem>,
}
#[ast_node]
pub enum DeclarationBlockItem {
#[tag("Tokens")]

View File

@ -984,22 +984,6 @@ where
}
}
#[emitter]
fn emit_block(&mut self, n: &Block) -> Result {
punct!(self, "{");
self.emit_list(
&n.value,
if self.config.minify {
ListFormat::SemiDelimited
} else {
ListFormat::SemiDelimited | ListFormat::MultiLine
},
)?;
punct!(self, "}");
}
#[emitter]
fn emit_declaration_block_item(&mut self, n: &DeclarationBlockItem) -> Result {
match n {

View File

@ -1,2 +1,4 @@
@charset "utf-8";
div {background: red}
div {
background: red;
}

View File

@ -1,4 +1,6 @@
@counter-style thumbs {system: cyclic;
symbols: "\1F44D";
suffix: " "}
ul {list-style: thumbs}
ul {
list-style: thumbs;
}

View File

@ -1,3 +1,7 @@
@document url("https://www.example.com/") {h1 {color: green}}
@document url("http://www.w3.org/"), url-prefix("http://www.w3.org/Style/"), domain("mozilla.org"), media-document("video"), regexp("https:.*") {body {color: purple;
background: yellow}}
@document url("https://www.example.com/") {h1 {
color: green;
}}
@document url("http://www.w3.org/"), url-prefix("http://www.w3.org/Style/"), domain("mozilla.org"), media-document("video"), regexp("https:.*") {body {
color: purple;
background: yellow;
}}

View File

@ -15,13 +15,29 @@ to {
margin-left: -100%;
}
}}
.sidebar {animation: slide-left 300ms}
.sidebar {
animation: slide-left 300ms;
}
@layer {}
@layer {}
@layer reset.type{strong {font-weight: bold}}
@layer framework{.title {font-weight: 100}
@layer theme{h1, h2 {color: maroon}}}
@layer reset{[hidden] {display: none}}
@layer framework{@layer default{p {margin-block: 0.75em}}
@layer theme{p {color: #222}}}
@layer framework.theme{blockquote {color: rebeccapurple}}
@layer reset.type{strong {
font-weight: bold;
}}
@layer framework{.title {
font-weight: 100;
}
@layer theme{h1, h2 {
color: maroon;
}}}
@layer reset{[hidden] {
display: none;
}}
@layer framework{@layer default{p {
margin-block: 0.75em;
}}
@layer theme{p {
color: #222;
}}}
@layer framework.theme{blockquote {
color: rebeccapurple;
}}

View File

@ -1,2 +1,6 @@
@media screen and (min-width: 900px) {article {padding: 1rem 3rem}}
@supports (display: flex) {@media screen and (min-width: 900px) {article {display: flex}}}
@media screen and (min-width: 900px) {article {
padding: 1rem 3rem;
}}
@supports (display: flex) {@media screen and (min-width: 900px) {article {
display: flex;
}}}

View File

@ -1 +1,3 @@
@media {div {color: red}}
@media {div {
color: red;
}}

View File

@ -97,4 +97,6 @@
@media {}
@media {}
@media not (min-width: 100px) {}
@media ((color) or (hover)) and (min-width: 1024px) {.a {color: green}}
@media ((color) or (hover)) and (min-width: 1024px) {.a {
color: green;
}}

View File

@ -1,4 +1,8 @@
@supports (display: flex) {h1 {color: hotpink}}
@supports not (display: grid) {div {float: right}}
@supports (display: flex) {h1 {
color: hotpink;
}}
@supports not (display: grid) {div {
float: right;
}}
@supports not ( not (transform-origin: 2px)) {}
@supports (display: grid) and ( not (display: inline-grid)) {}

View File

@ -1,8 +1,12 @@
div {--y: ;
div {
--y: ;
--x: var(--y) ;
--z: 0px;
--foo: if(x > 5) this.width = 10;
--bar: ;
--bar2: ;
--yz: foo !important}
div {width: var(--a,)}
--yz: foo !important;
}
div {
width: var(--a,);
}

View File

@ -1,8 +1,12 @@
:root {--foo: red !important;
--foo: red!important}
div {color: red !important;
:root {
--foo: red !important;
--foo: red!important;
}
div {
color: red !important;
color: red !important;
color: red !important;
color: red !important;
color: red !IMPORTANT;
color: red !iMpOrTaNt}
color: red !iMpOrTaNt;
}

View File

@ -1,4 +1,6 @@
div {color: rgb(255, 255, 255);
div {
color: rgb(255, 255, 255);
color: rgb(255, 255, 255, .5);
color: rgb(255 255 255);
color: rgb(255 255 255/ .5)}
color: rgb(255 255 255/ .5);
}

View File

@ -1,3 +1,5 @@
div {display: block;
div {
display: block;
width: 200px;
margin: 20px}
margin: 20px;
}

View File

@ -1,4 +1,5 @@
:root {--active-brightness: 0.85;
:root {
--active-brightness: 0.85;
--border-radius: 5px;
--box-shadow: 2px 2px 10px;
--color: #118bee;
@ -20,8 +21,10 @@
--width-card: 285px;
--width-card-medium: 460px;
--width-card-wide: 800px;
--width-content: 1080px}
@media (prefers-color-scheme: dark) {:root {--color: #0097fc;
--width-content: 1080px;
}
@media (prefers-color-scheme: dark) {:root {
--color: #0097fc;
--color-accent: #0097fc4f;
--color-bg: #333;
--color-bg-secondary: #555;
@ -31,58 +34,98 @@
--color-shadow: #bbbbbb20;
--color-table: #0097fc;
--color-text: #f7f7f7;
--color-text-secondary: #aaa}}
article aside {background: var(--color-secondary-accent);
--color-text-secondary: #aaa;
}}
article aside {
background: var(--color-secondary-accent);
border-left: 4px solid var(--color-secondary);
padding: 0.01rem 0.8rem}
body {background: var(--color-bg);
padding: 0.01rem 0.8rem;
}
body {
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-family);
line-height: var(--line-height);
margin: 0;
overflow-x: hidden;
padding: 0}
footer, header, main {margin: 0 auto;
padding: 0;
}
footer, header, main {
margin: 0 auto;
max-width: var(--width-content);
padding: 3rem 1rem}
hr {background-color: var(--color-bg-secondary);
padding: 3rem 1rem;
}
hr {
background-color: var(--color-bg-secondary);
border: none;
height: 1px;
margin: 4rem 0;
width: 100%}
section {display: flex;
width: 100%;
}
section {
display: flex;
flex-wrap: wrap;
justify-content: var(--justify-important)}
section img, article img {max-width: 100%}
section pre {overflow: auto}
section aside {border: 1px solid var(--color-bg-secondary);
justify-content: var(--justify-important);
}
section img, article img {
max-width: 100%;
}
section pre {
overflow: auto;
}
section aside {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow) var(--color-shadow);
margin: 1rem;
padding: 1.25rem;
width: var(--width-card)}
section aside:hover {box-shadow: var(--box-shadow) var(--color-bg-secondary)}
[hidden] {display: none}
article header, div header, main header {padding-top: 0}
header {text-align: var(--justify-important)}
header a b, header a em, header a i, header a strong {margin-left: 0.5rem;
margin-right: 0.5rem}
header nav img {margin: 1rem 0}
section header {padding-top: 0;
width: 100%}
nav {align-items: center;
width: var(--width-card);
}
section aside:hover {
box-shadow: var(--box-shadow) var(--color-bg-secondary);
}
[hidden] {
display: none;
}
article header, div header, main header {
padding-top: 0;
}
header {
text-align: var(--justify-important);
}
header a b, header a em, header a i, header a strong {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
header nav img {
margin: 1rem 0;
}
section header {
padding-top: 0;
width: 100%;
}
nav {
align-items: center;
display: flex;
font-weight: bold;
justify-content: space-between;
margin-bottom: 7rem}
nav ul {list-style: none;
padding: 0}
nav ul li {display: inline-block;
margin-bottom: 7rem;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline-block;
margin: 0 0.5rem;
position: relative;
text-align: left}
nav ul li:hover ul {display: block}
nav ul li ul {background: var(--color-bg);
text-align: left;
}
nav ul li:hover ul {
display: block;
}
nav ul li ul {
background: var(--color-bg);
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow) var(--color-shadow);
@ -94,38 +137,64 @@ position: absolute;
top: 1.7rem;
white-space: nowrap;
width: auto;
z-index: 1}
nav ul li ul::before {content: "";
z-index: 1;
}
nav ul li ul::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -0.5rem;
height: 0.5rem}
nav ul li ul li, nav ul li ul li a {display: block}
code, samp {background-color: var(--color-accent);
height: 0.5rem;
}
nav ul li ul li, nav ul li ul li a {
display: block;
}
code, samp {
background-color: var(--color-accent);
border-radius: var(--border-radius);
color: var(--color-text);
display: inline-block;
margin: 0 0.1rem;
padding: 0 0.5rem}
details {margin: 1.3rem 0}
details summary {font-weight: bold;
cursor: pointer}
h1, h2, h3, h4, h5, h6 {line-height: var(--line-height)}
mark {padding: 0.1rem}
ol li, ul li {padding: 0.2rem 0}
p {margin: 0.75rem 0;
padding: 0 0.5rem;
}
details {
margin: 1.3rem 0;
}
details summary {
font-weight: bold;
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
line-height: var(--line-height);
}
mark {
padding: 0.1rem;
}
ol li, ul li {
padding: 0.2rem 0;
}
p {
margin: 0.75rem 0;
padding: 0;
width: 100%}
pre {margin: 1rem 0;
width: 100%;
}
pre {
margin: 1rem 0;
max-width: var(--width-card-wide);
padding: 1rem 0}
pre code, pre samp {display: block;
padding: 1rem 0;
}
pre code, pre samp {
display: block;
max-width: var(--width-card-wide);
padding: 0.5rem 2rem;
white-space: pre-wrap}
small {color: var(--color-text-secondary)}
sup {background-color: var(--color-secondary);
white-space: pre-wrap;
}
small {
color: var(--color-text-secondary);
}
sup {
background-color: var(--color-secondary);
border-radius: var(--border-radius);
color: var(--color-bg);
font-size: xx-small;
@ -133,98 +202,163 @@ font-weight: bold;
margin: 0.2rem;
padding: 0.2rem 0.3rem;
position: relative;
top: -2px}
a {color: var(--color-link);
top: -2px;
}
a {
color: var(--color-link);
display: inline-block;
font-weight: bold;
text-decoration: none}
a:active {filter: brightness(var(--active-brightness));
text-decoration: underline}
a:hover {filter: brightness(var(--hover-brightness));
text-decoration: underline}
a b, a em, a i, a strong, button {border-radius: var(--border-radius);
text-decoration: none;
}
a:active {
filter: brightness(var(--active-brightness));
text-decoration: underline;
}
a:hover {
filter: brightness(var(--hover-brightness));
text-decoration: underline;
}
a b, a em, a i, a strong, button {
border-radius: var(--border-radius);
display: inline-block;
font-size: medium;
font-weight: bold;
line-height: var(--line-height);
margin: 0.5rem 0;
padding: 1rem 2rem}
button {font-family: var(--font-family)}
button:active {filter: brightness(var(--active-brightness))}
button:hover {cursor: pointer;
filter: brightness(var(--hover-brightness))}
a b, a strong, button {background-color: var(--color-link);
padding: 1rem 2rem;
}
button {
font-family: var(--font-family);
}
button:active {
filter: brightness(var(--active-brightness));
}
button:hover {
cursor: pointer;
filter: brightness(var(--hover-brightness));
}
a b, a strong, button {
background-color: var(--color-link);
border: 2px solid var(--color-link);
color: var(--color-bg);
}
a em, a i {
border: 2px solid var(--color-link);
color: var(--color-bg)}
a em, a i {border: 2px solid var(--color-link);
border-radius: var(--border-radius);
color: var(--color-link);
display: inline-block;
padding: 1rem 2rem}
article aside a {color: var(--color-secondary)}
figure {margin: 0;
padding: 0}
figure img {max-width: 100%}
figure figcaption {color: var(--color-text-secondary)}
button:disabled, input:disabled {background: var(--color-bg-secondary);
padding: 1rem 2rem;
}
article aside a {
color: var(--color-secondary);
}
figure {
margin: 0;
padding: 0;
}
figure img {
max-width: 100%;
}
figure figcaption {
color: var(--color-text-secondary);
}
button:disabled, input:disabled {
background: var(--color-bg-secondary);
border-color: var(--color-bg-secondary);
color: var(--color-text-secondary);
cursor: not-allowed}
button[disabled]:hover {filter: none}
form {border: 1px solid var(--color-bg-secondary);
cursor: not-allowed;
}
button[disabled]:hover {
filter: none;
}
form {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
box-shadow: var(--box-shadow) var(--color-shadow);
display: block;
max-width: var(--width-card-wide);
min-width: var(--width-card);
padding: 1.5rem;
text-align: var(--justify-normal)}
form header {margin: 1.5rem 0;
padding: 1.5rem 0}
input, label, select, textarea {display: block;
text-align: var(--justify-normal);
}
form header {
margin: 1.5rem 0;
padding: 1.5rem 0;
}
input, label, select, textarea {
display: block;
font-size: inherit;
max-width: var(--width-card-wide)}
input[type="checkbox"], input[type="radio"] {display: inline-block}
input[type="checkbox"]+label, input[type="radio"]+label {display: inline-block;
max-width: var(--width-card-wide);
}
input[type="checkbox"], input[type="radio"] {
display: inline-block;
}
input[type="checkbox"]+label, input[type="radio"]+label {
display: inline-block;
font-weight: normal;
position: relative;
top: 1px}
input, select, textarea {border: 1px solid var(--color-bg-secondary);
top: 1px;
}
input, select, textarea {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
margin-bottom: 1rem;
padding: 0.4rem 0.8rem}
input[readonly], textarea[readonly] {background-color: var(--color-bg-secondary)}
label {font-weight: bold;
margin-bottom: 0.2rem}
table {border: 1px solid var(--color-bg-secondary);
padding: 0.4rem 0.8rem;
}
input[readonly], textarea[readonly] {
background-color: var(--color-bg-secondary);
}
label {
font-weight: bold;
margin-bottom: 0.2rem;
}
table {
border: 1px solid var(--color-bg-secondary);
border-radius: var(--border-radius);
border-spacing: 0;
display: inline-block;
max-width: 100%;
overflow-x: auto;
padding: 0;
white-space: nowrap}
table td, table th, table tr {padding: 0.4rem 0.8rem;
text-align: var(--justify-important)}
table thead {background-color: var(--color-table);
white-space: nowrap;
}
table td, table th, table tr {
padding: 0.4rem 0.8rem;
text-align: var(--justify-important);
}
table thead {
background-color: var(--color-table);
border-collapse: collapse;
border-radius: var(--border-radius);
color: var(--color-bg);
margin: 0;
padding: 0}
table thead th:first-child {border-top-left-radius: var(--border-radius)}
table thead th:last-child {border-top-right-radius: var(--border-radius)}
table thead th:first-child, table tr td:first-child {text-align: var(--justify-normal)}
table tr:nth-child(even) {background-color: var(--color-accent)}
blockquote {display: block;
padding: 0;
}
table thead th:first-child {
border-top-left-radius: var(--border-radius);
}
table thead th:last-child {
border-top-right-radius: var(--border-radius);
}
table thead th:first-child, table tr td:first-child {
text-align: var(--justify-normal);
}
table tr:nth-child(even) {
background-color: var(--color-accent);
}
blockquote {
display: block;
font-size: x-large;
line-height: var(--line-height);
margin: 1rem auto;
max-width: var(--width-card-medium);
padding: 1.5rem 1rem;
text-align: var(--justify-important)}
blockquote footer {color: var(--color-text-secondary);
text-align: var(--justify-important);
}
blockquote footer {
color: var(--color-text-secondary);
display: block;
font-size: small;
line-height: var(--line-height);
padding: 1.5rem 0}
padding: 1.5rem 0;
}

View File

@ -1,57 +1,125 @@
html {line-height: 1.15;
-webkit-text-size-adjust: 100%}
body {margin: 0}
main {display: block}
h1 {font-size: 2em;
margin: 0.67em 0}
hr {box-sizing: content-box;
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible}
pre {font-family: monospace, monospace;
font-size: 1em}
a {background-color: transparent}
abbr[title] {border-bottom: none;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted}
b, strong {font-weight: bolder}
code, kbd, samp {font-family: monospace, monospace;
font-size: 1em}
small {font-size: 80%}
sub, sup {font-size: 75%;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}
sub {bottom: -0.25em}
sup {top: -0.5em}
img {border-style: none}
button, input, optgroup, select, textarea {font-family: inherit;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0}
button, input {overflow: visible}
button, select {text-transform: none}
button, [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 {border-style: none;
padding: 0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
fieldset {padding: 0.35em 0.75em 0.625em}
legend {box-sizing: border-box;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [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 {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal}
progress {vertical-align: baseline}
textarea {overflow: auto}
[type="checkbox"], [type="radio"] {box-sizing: border-box;
padding: 0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto}
[type="search"] {-webkit-appearance: textfield;
outline-offset: -2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;
font: inherit}
details {display: block}
summary {display: list-item}
template {display: none}
[hidden] {display: none}
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}

View File

@ -1,70 +1,145 @@
html {line-height: 1.15;
-webkit-text-size-adjust: 100%}
body {margin: 0}
main {display: block}
h1 {font-size: 2em;
margin: 0.67em 0}
hr {-webkit-box-sizing: content-box;
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible}
pre {font-family: monospace, monospace;
font-size: 1em}
a {background-color: transparent}
abbr[title] {border-bottom: none;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted}
b, strong {font-weight: bolder}
code, kbd, samp {font-family: monospace, monospace;
font-size: 1em}
small {font-size: 80%}
sub, sup {font-size: 75%;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}
sub {bottom: -0.25em}
sup {top: -0.5em}
img {border-style: none}
button, input, optgroup, select, textarea {font-family: inherit;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0}
button, input {overflow: visible}
button, select {text-transform: none}
button, [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 {border-style: none;
padding: 0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
fieldset {padding: 0.35em 0.75em 0.625em}
legend {-webkit-box-sizing: border-box;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [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 {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal}
progress {vertical-align: baseline}
textarea {overflow: auto}
[type="checkbox"], [type="radio"] {-webkit-box-sizing: border-box;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto}
[type="search"] {-webkit-appearance: textfield;
outline-offset: -2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;
font: inherit}
details {display: block}
summary {display: list-item}
template {display: none}
[hidden] {display: none}
html {font-family: sans-serif}
.hidden, [hidden] {display: none !important}
.pure-img {max-width: 100%;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
display: block}
.pure-g {letter-spacing: -0.31em;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
}
.hidden, [hidden] {
display: none !important;
}
.pure-img {
max-width: 100%;
height: auto;
display: block;
}
.pure-g {
letter-spacing: -0.31em;
text-rendering: optimizespeed;
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
display: -webkit-box;
@ -75,49 +150,117 @@ display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-line-pack: start;
align-content: flex-start}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {table .pure-g {display: block}}
.opera-only :-o-prefocus, .pure-g {word-spacing: -0.43em}
.pure-u {display: inline-block;
align-content: flex-start;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {table .pure-g {
display: block;
}}
.opera-only :-o-prefocus, .pure-g {
word-spacing: -0.43em;
}
.pure-u {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto}
.pure-g [class*="pure-u"] {font-family: sans-serif}
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {display: inline-block;
text-rendering: auto;
}
.pure-g [class*="pure-u"] {
font-family: sans-serif;
}
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto}
.pure-u-1-24 {width: 4.1667%}
.pure-u-1-12, .pure-u-2-24 {width: 8.3333%}
.pure-u-1-8, .pure-u-3-24 {width: 12.5000%}
.pure-u-1-6, .pure-u-4-24 {width: 16.6667%}
.pure-u-1-5 {width: 20%}
.pure-u-5-24 {width: 20.8333%}
.pure-u-1-4, .pure-u-6-24 {width: 25%}
.pure-u-7-24 {width: 29.1667%}
.pure-u-1-3, .pure-u-8-24 {width: 33.3333%}
.pure-u-3-8, .pure-u-9-24 {width: 37.5000%}
.pure-u-2-5 {width: 40%}
.pure-u-5-12, .pure-u-10-24 {width: 41.6667%}
.pure-u-11-24 {width: 45.8333%}
.pure-u-1-2, .pure-u-12-24 {width: 50%}
.pure-u-13-24 {width: 54.1667%}
.pure-u-7-12, .pure-u-14-24 {width: 58.3333%}
.pure-u-3-5 {width: 60%}
.pure-u-5-8, .pure-u-15-24 {width: 62.5000%}
.pure-u-2-3, .pure-u-16-24 {width: 66.6667%}
.pure-u-17-24 {width: 70.8333%}
.pure-u-3-4, .pure-u-18-24 {width: 75%}
.pure-u-19-24 {width: 79.1667%}
.pure-u-4-5 {width: 80%}
.pure-u-5-6, .pure-u-20-24 {width: 83.3333%}
.pure-u-7-8, .pure-u-21-24 {width: 87.5000%}
.pure-u-11-12, .pure-u-22-24 {width: 91.6667%}
.pure-u-23-24 {width: 95.8333%}
.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {width: 100%}
.pure-button {display: inline-block;
text-rendering: auto;
}
.pure-u-1-24 {
width: 4.1667%;
}
.pure-u-1-12, .pure-u-2-24 {
width: 8.3333%;
}
.pure-u-1-8, .pure-u-3-24 {
width: 12.5000%;
}
.pure-u-1-6, .pure-u-4-24 {
width: 16.6667%;
}
.pure-u-1-5 {
width: 20%;
}
.pure-u-5-24 {
width: 20.8333%;
}
.pure-u-1-4, .pure-u-6-24 {
width: 25%;
}
.pure-u-7-24 {
width: 29.1667%;
}
.pure-u-1-3, .pure-u-8-24 {
width: 33.3333%;
}
.pure-u-3-8, .pure-u-9-24 {
width: 37.5000%;
}
.pure-u-2-5 {
width: 40%;
}
.pure-u-5-12, .pure-u-10-24 {
width: 41.6667%;
}
.pure-u-11-24 {
width: 45.8333%;
}
.pure-u-1-2, .pure-u-12-24 {
width: 50%;
}
.pure-u-13-24 {
width: 54.1667%;
}
.pure-u-7-12, .pure-u-14-24 {
width: 58.3333%;
}
.pure-u-3-5 {
width: 60%;
}
.pure-u-5-8, .pure-u-15-24 {
width: 62.5000%;
}
.pure-u-2-3, .pure-u-16-24 {
width: 66.6667%;
}
.pure-u-17-24 {
width: 70.8333%;
}
.pure-u-3-4, .pure-u-18-24 {
width: 75%;
}
.pure-u-19-24 {
width: 79.1667%;
}
.pure-u-4-5 {
width: 80%;
}
.pure-u-5-6, .pure-u-20-24 {
width: 83.3333%;
}
.pure-u-7-8, .pure-u-21-24 {
width: 87.5000%;
}
.pure-u-11-12, .pure-u-22-24 {
width: 91.6667%;
}
.pure-u-23-24 {
width: 95.8333%;
}
.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
width: 100%;
}
.pure-button {
display: inline-block;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
@ -129,49 +272,79 @@ cursor: pointer;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box}
.pure-button::-moz-focus-inner {padding: 0;
border: 0}
.pure-button-group {letter-spacing: -0.31em;
text-rendering: optimizespeed}
.opera-only :-o-prefocus, .pure-button-group {word-spacing: -0.43em}
.pure-button-group .pure-button {letter-spacing: normal;
box-sizing: border-box;
}
.pure-button::-moz-focus-inner {
padding: 0;
border: 0;
}
.pure-button-group {
letter-spacing: -0.31em;
text-rendering: optimizespeed;
}
.opera-only :-o-prefocus, .pure-button-group {
word-spacing: -0.43em;
}
.pure-button-group .pure-button {
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto}
.pure-button {font-family: inherit;
text-rendering: auto;
}
.pure-button {
font-family: inherit;
font-size: 100%;
padding: 0.5em 1em;
color: rgba(0, 0, 0, 0.80);
border: none rgba(0, 0, 0, 0);
background-color: #E6E6E6;
text-decoration: none;
border-radius: 2px}
.pure-button-hover, .pure-button:hover, .pure-button:focus {background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10))}
.pure-button:focus {outline: 0}
.pure-button-active, .pure-button:active {-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
border-radius: 2px;
}
.pure-button-hover, .pure-button:hover, .pure-button:focus {
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.10));
}
.pure-button:focus {
outline: 0;
}
.pure-button-active, .pure-button:active {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset;
border-color: #000}
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {border: none;
border-color: #000;
}
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {
border: none;
background-image: none;
opacity: 0.40;
cursor: not-allowed;
-webkit-box-shadow: none;
box-shadow: none;
pointer-events: none}
.pure-button-hidden {display: none}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {background-color: rgb(0, 120, 231);
color: #fff}
.pure-button-group .pure-button {margin: 0;
pointer-events: none;
}
.pure-button-hidden {
display: none;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
background-color: rgb(0, 120, 231);
color: #fff;
}
.pure-button-group .pure-button {
margin: 0;
border-radius: 0;
border-right: 1px solid rgba(0, 0, 0, 0.2)}
.pure-button-group .pure-button:first-child {border-top-left-radius: 2px;
border-bottom-left-radius: 2px}
.pure-button-group .pure-button:last-child {border-top-right-radius: 2px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.pure-button-group .pure-button:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.pure-button-group .pure-button:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-right: none}
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea {padding: 0.5em 0.6em;
border-right: none;
}
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea {
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 3px #ddd;
@ -179,197 +352,370 @@ box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box}
.pure-form input:not([type]) {padding: 0.5em 0.6em;
box-sizing: border-box;
}
.pure-form input:not([type]) {
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 3px #ddd;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box}
.pure-form input[type="color"] {padding: 0.2em 0.5em}
.pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus {outline: 0;
border-color: #129FEA}
.pure-form input:not([type]):focus {outline: 0;
border-color: #129FEA}
.pure-form input[type="file"]:focus, .pure-form input[type="radio"]:focus, .pure-form input[type="checkbox"]:focus {outline: thin solid #129FEA;
outline: 1px auto #129FEA}
.pure-form .pure-checkbox, .pure-form .pure-radio {margin: 0.5em 0;
display: block}
.pure-form input[type="text"][disabled], .pure-form input[type="password"][disabled], .pure-form input[type="email"][disabled], .pure-form input[type="url"][disabled], .pure-form input[type="date"][disabled], .pure-form input[type="month"][disabled], .pure-form input[type="time"][disabled], .pure-form input[type="datetime"][disabled], .pure-form input[type="datetime-local"][disabled], .pure-form input[type="week"][disabled], .pure-form input[type="number"][disabled], .pure-form input[type="search"][disabled], .pure-form input[type="tel"][disabled], .pure-form input[type="color"][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {cursor: not-allowed;
box-sizing: border-box;
}
.pure-form input[type="color"] {
padding: 0.2em 0.5em;
}
.pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus {
outline: 0;
border-color: #129FEA;
}
.pure-form input:not([type]):focus {
outline: 0;
border-color: #129FEA;
}
.pure-form input[type="file"]:focus, .pure-form input[type="radio"]:focus, .pure-form input[type="checkbox"]:focus {
outline: thin solid #129FEA;
outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox, .pure-form .pure-radio {
margin: 0.5em 0;
display: block;
}
.pure-form input[type="text"][disabled], .pure-form input[type="password"][disabled], .pure-form input[type="email"][disabled], .pure-form input[type="url"][disabled], .pure-form input[type="date"][disabled], .pure-form input[type="month"][disabled], .pure-form input[type="time"][disabled], .pure-form input[type="datetime"][disabled], .pure-form input[type="datetime-local"][disabled], .pure-form input[type="week"][disabled], .pure-form input[type="number"][disabled], .pure-form input[type="search"][disabled], .pure-form input[type="tel"][disabled], .pure-form input[type="color"][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3}
.pure-form input:not([type])[disabled] {cursor: not-allowed;
color: #cad2d3;
}
.pure-form input:not([type])[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3}
.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {background-color: #eee;
color: #cad2d3;
}
.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
background-color: #eee;
color: #777;
border-color: #ccc}
.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {color: #b94a48;
border-color: #e9322d}
.pure-form input[type="file"]:focus:invalid:focus, .pure-form input[type="radio"]:focus:invalid:focus, .pure-form input[type="checkbox"]:focus:invalid:focus {outline-color: #e9322d}
.pure-form select {height: 2.25em;
border-color: #ccc;
}
.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
color: #b94a48;
border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus, .pure-form input[type="radio"]:focus:invalid:focus, .pure-form input[type="checkbox"]:focus:invalid:focus {
outline-color: #e9322d;
}
.pure-form select {
height: 2.25em;
border: 1px solid #ccc;
background-color: white}
.pure-form select[multiple] {height: auto}
.pure-form label {margin: 0.5em 0 0.2em}
.pure-form fieldset {margin: 0;
background-color: white;
}
.pure-form select[multiple] {
height: auto;
}
.pure-form label {
margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
margin: 0;
padding: 0.35em 0 0.75em;
border: 0}
.pure-form legend {display: block;
border: 0;
}
.pure-form legend {
display: block;
width: 100%;
padding: 0.3em 0;
margin-bottom: 0.3em;
color: #333;
border-bottom: 1px solid #e5e5e5}
.pure-form-stacked input[type="text"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="week"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="color"], .pure-form-stacked input[type="file"], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {display: block;
margin: 0.25em 0}
.pure-form-stacked input:not([type]) {display: block;
margin: 0.25em 0}
.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-message-inline {display: inline-block;
vertical-align: middle}
.pure-form-aligned textarea {vertical-align: top}
.pure-form-aligned .pure-control-group {margin-bottom: 0.5em}
.pure-form-aligned .pure-control-group label {text-align: right;
border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type="text"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="week"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="color"], .pure-form-stacked input[type="file"], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
display: block;
margin: 0.25em 0;
}
.pure-form-stacked input:not([type]) {
display: block;
margin: 0.25em 0;
}
.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-message-inline {
display: inline-block;
vertical-align: middle;
}
.pure-form-aligned textarea {
vertical-align: top;
}
.pure-form-aligned .pure-control-group {
margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 10em;
margin: 0 1em 0 0}
.pure-form-aligned .pure-controls {margin: 1.5em 0 0 11em}
.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {border-radius: 2em;
padding: 0.5em 1em}
.pure-form .pure-group fieldset {margin-bottom: 10px}
.pure-form .pure-group input, .pure-form .pure-group textarea {display: block;
margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 11em;
}
.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
border-radius: 2em;
padding: 0.5em 1em;
}
.pure-form .pure-group fieldset {
margin-bottom: 10px;
}
.pure-form .pure-group input, .pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px}
.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {z-index: 3}
.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {top: 1px;
top: -1px;
}
.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
z-index: 3;
}
.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0}
.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {top: 1px;
margin: 0;
}
.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0}
.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {top: -2px;
margin: 0;
}
.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0}
.pure-form .pure-group button {margin: 0.35em 0}
.pure-form .pure-input-1 {width: 100%}
.pure-form .pure-input-3-4 {width: 75%}
.pure-form .pure-input-2-3 {width: 66%}
.pure-form .pure-input-1-2 {width: 50%}
.pure-form .pure-input-1-3 {width: 33%}
.pure-form .pure-input-1-4 {width: 25%}
.pure-form-message-inline {display: inline-block;
margin: 0;
}
.pure-form .pure-group button {
margin: 0.35em 0;
}
.pure-form .pure-input-1 {
width: 100%;
}
.pure-form .pure-input-3-4 {
width: 75%;
}
.pure-form .pure-input-2-3 {
width: 66%;
}
.pure-form .pure-input-1-2 {
width: 50%;
}
.pure-form .pure-input-1-3 {
width: 33%;
}
.pure-form .pure-input-1-4 {
width: 25%;
}
.pure-form-message-inline {
display: inline-block;
padding-left: 0.3em;
color: #666;
vertical-align: middle;
font-size: 0.875em}
.pure-form-message {display: block;
font-size: 0.875em;
}
.pure-form-message {
display: block;
color: #666;
font-size: 0.875em}
@media only screen and (max-width: 480px) {.pure-form button[type="submit"] {margin: 0.7em 0 0}
.pure-form input:not([type]), .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form label {margin-bottom: 0.3em;
display: block}
.pure-group input:not([type]), .pure-group input[type="text"], .pure-group input[type="password"], .pure-group input[type="email"], .pure-group input[type="url"], .pure-group input[type="date"], .pure-group input[type="month"], .pure-group input[type="time"], .pure-group input[type="datetime"], .pure-group input[type="datetime-local"], .pure-group input[type="week"], .pure-group input[type="number"], .pure-group input[type="search"], .pure-group input[type="tel"], .pure-group input[type="color"] {margin-bottom: 0}
.pure-form-aligned .pure-control-group label {margin-bottom: 0.3em;
font-size: 0.875em;
}
@media only screen and (max-width: 480px) {.pure-form button[type="submit"] {
margin: 0.7em 0 0;
}
.pure-form input:not([type]), .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form label {
margin-bottom: 0.3em;
display: block;
}
.pure-group input:not([type]), .pure-group input[type="text"], .pure-group input[type="password"], .pure-group input[type="email"], .pure-group input[type="url"], .pure-group input[type="date"], .pure-group input[type="month"], .pure-group input[type="time"], .pure-group input[type="datetime"], .pure-group input[type="datetime-local"], .pure-group input[type="week"], .pure-group input[type="number"], .pure-group input[type="search"], .pure-group input[type="tel"], .pure-group input[type="color"] {
margin-bottom: 0;
}
.pure-form-aligned .pure-control-group label {
margin-bottom: 0.3em;
text-align: left;
display: block;
width: 100%}
.pure-form-aligned .pure-controls {margin: 1.5em 0 0 0}
.pure-form-message-inline, .pure-form-message {display: block;
width: 100%;
}
.pure-form-aligned .pure-controls {
margin: 1.5em 0 0 0;
}
.pure-form-message-inline, .pure-form-message {
display: block;
font-size: 0.75em;
padding: 0.2em 0 0.8em}}
.pure-menu {-webkit-box-sizing: border-box;
box-sizing: border-box}
.pure-menu-fixed {position: fixed;
padding: 0.2em 0 0.8em;
}}
.pure-menu {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pure-menu-fixed {
position: fixed;
left: 0;
top: 0;
z-index: 3}
.pure-menu-list, .pure-menu-item {position: relative}
.pure-menu-list {list-style: none;
z-index: 3;
}
.pure-menu-list, .pure-menu-item {
position: relative;
}
.pure-menu-list {
list-style: none;
margin: 0;
padding: 0}
.pure-menu-item {padding: 0;
padding: 0;
}
.pure-menu-item {
padding: 0;
margin: 0;
height: 100%}
.pure-menu-link, .pure-menu-heading {display: block;
height: 100%;
}
.pure-menu-link, .pure-menu-heading {
display: block;
text-decoration: none;
white-space: nowrap}
.pure-menu-horizontal {width: 100%;
white-space: nowrap}
.pure-menu-horizontal .pure-menu-list {display: inline-block}
.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {display: inline-block;
vertical-align: middle}
.pure-menu-item .pure-menu-item {display: block}
.pure-menu-children {display: none;
white-space: nowrap;
}
.pure-menu-horizontal {
width: 100%;
white-space: nowrap;
}
.pure-menu-horizontal .pure-menu-list {
display: inline-block;
}
.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {
display: inline-block;
vertical-align: middle;
}
.pure-menu-item .pure-menu-item {
display: block;
}
.pure-menu-children {
display: none;
position: absolute;
left: 100%;
top: 0;
margin: 0;
padding: 0;
z-index: 3}
.pure-menu-horizontal .pure-menu-children {left: 0;
z-index: 3;
}
.pure-menu-horizontal .pure-menu-children {
left: 0;
top: auto;
width: inherit}
.pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children {display: block;
position: absolute}
.pure-menu-has-children>.pure-menu-link:after {padding-left: 0.5em;
width: inherit;
}
.pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children {
display: block;
position: absolute;
}
.pure-menu-has-children>.pure-menu-link:after {
padding-left: 0.5em;
content: "\25B8";
font-size: small}
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {content: "\25BE"}
.pure-menu-scrollable {overflow-y: scroll;
overflow-x: hidden}
.pure-menu-scrollable .pure-menu-list {display: block}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {display: inline-block}
.pure-menu-horizontal.pure-menu-scrollable {white-space: nowrap;
font-size: small;
}
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
content: "\25BE";
}
.pure-menu-scrollable {
overflow-y: scroll;
overflow-x: hidden;
}
.pure-menu-scrollable .pure-menu-list {
display: block;
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
display: inline-block;
}
.pure-menu-horizontal.pure-menu-scrollable {
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
padding: .5em 0}
.pure-menu-separator, .pure-menu-horizontal .pure-menu-children .pure-menu-separator {background-color: #ccc;
padding: .5em 0;
}
.pure-menu-separator, .pure-menu-horizontal .pure-menu-children .pure-menu-separator {
background-color: #ccc;
height: 1px;
margin: .3em 0}
.pure-menu-horizontal .pure-menu-separator {width: 1px;
margin: .3em 0;
}
.pure-menu-horizontal .pure-menu-separator {
width: 1px;
height: 1.3em;
margin: 0 .3em}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {display: block;
width: auto}
.pure-menu-heading {text-transform: uppercase;
color: #565d64}
.pure-menu-link {color: #777}
.pure-menu-children {background-color: #fff}
.pure-menu-link, .pure-menu-heading {padding: .5em 1em}
.pure-menu-disabled {opacity: .5}
.pure-menu-disabled .pure-menu-link:hover {background-color: transparent;
cursor: default}
.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {background-color: #eee}
.pure-menu-selected>.pure-menu-link, .pure-menu-selected>.pure-menu-link:visited {color: #000}
.pure-table {border-collapse: collapse;
margin: 0 .3em;
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
display: block;
width: auto;
}
.pure-menu-heading {
text-transform: uppercase;
color: #565d64;
}
.pure-menu-link {
color: #777;
}
.pure-menu-children {
background-color: #fff;
}
.pure-menu-link, .pure-menu-heading {
padding: .5em 1em;
}
.pure-menu-disabled {
opacity: .5;
}
.pure-menu-disabled .pure-menu-link:hover {
background-color: transparent;
cursor: default;
}
.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
background-color: #eee;
}
.pure-menu-selected>.pure-menu-link, .pure-menu-selected>.pure-menu-link:visited {
color: #000;
}
.pure-table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #cbcbcb}
.pure-table caption {color: #000;
border: 1px solid #cbcbcb;
}
.pure-table caption {
color: #000;
font: italic 85% / 1 arial, sans-serif;
padding: 1em 0;
text-align: center}
.pure-table td, .pure-table th {border-left: 1px solid #cbcbcb;
text-align: center;
}
.pure-table td, .pure-table th {
border-left: 1px solid #cbcbcb;
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
padding: 0.5em 1em}
.pure-table thead {background-color: #e0e0e0;
padding: 0.5em 1em;
}
.pure-table thead {
background-color: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom}
.pure-table td {background-color: transparent}
.pure-table-odd td {background-color: #f2f2f2}
.pure-table-striped tr:nth-child(2n-1) td {background-color: #f2f2f2}
.pure-table-bordered td {border-bottom: 1px solid #cbcbcb}
.pure-table-bordered tbody>tr:last-child>td {border-bottom-width: 0}
.pure-table-horizontal td, .pure-table-horizontal th {border-width: 0 0 1px 0;
border-bottom: 1px solid #cbcbcb}
.pure-table-horizontal tbody>tr:last-child>td {border-bottom-width: 0}
vertical-align: bottom;
}
.pure-table td {
background-color: transparent;
}
.pure-table-odd td {
background-color: #f2f2f2;
}
.pure-table-striped tr:nth-child(2n-1) td {
background-color: #f2f2f2;
}
.pure-table-bordered td {
border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody>tr:last-child>td {
border-bottom-width: 0;
}
.pure-table-horizontal td, .pure-table-horizontal th {
border-width: 0 0 1px 0;
border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody>tr:last-child>td {
border-bottom-width: 0;
}

View File

@ -1,55 +1,112 @@
*, ::before, ::after {box-sizing: border-box;
background-repeat: no-repeat}
::before, ::after {text-decoration: inherit;
vertical-align: inherit}
:where(:root) {cursor: default;
*, ::before, ::after {
box-sizing: border-box;
background-repeat: no-repeat;
}
::before, ::after {
text-decoration: inherit;
vertical-align: inherit;
}
:where(:root) {
cursor: default;
line-height: 1.5;
overflow-wrap: break-word;
-moz-tab-size: 4;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%}
:where(body) {margin: 0}
:where(h1) {font-size: 2em;
margin: 0.67em 0}
:where(dl, ol, ul) :where(dl, ol, ul) {margin: 0}
:where(hr) {color: inherit;
height: 0}
:where(nav) :where(ol, ul) {list-style-type: none;
padding: 0}
:where(nav li)::before {content: "\200B";
float: left}
:where(pre) {font-family: monospace, monospace;
text-size-adjust: 100%;
}
:where(body) {
margin: 0;
}
:where(h1) {
font-size: 2em;
margin: 0.67em 0;
}
:where(dl, ol, ul) :where(dl, ol, ul) {
margin: 0;
}
:where(hr) {
color: inherit;
height: 0;
}
:where(nav) :where(ol, ul) {
list-style-type: none;
padding: 0;
}
:where(nav li)::before {
content: "\200B";
float: left;
}
:where(pre) {
font-family: monospace, monospace;
font-size: 1em;
overflow: auto}
:where(abbr[title]) {text-decoration: underline;
text-decoration: underline dotted}
:where(b, strong) {font-weight: bolder}
:where(code, kbd, samp) {font-family: monospace, monospace;
font-size: 1em}
:where(small) {font-size: 80%}
:where(audio, canvas, iframe, img, svg, video) {vertical-align: middle}
:where(iframe) {border-style: none}
:where(svg:not([fill])) {fill: currentColor}
:where(table) {border-collapse: collapse;
overflow: auto;
}
:where(abbr[title]) {
text-decoration: underline;
text-decoration: underline dotted;
}
:where(b, strong) {
font-weight: bolder;
}
:where(code, kbd, samp) {
font-family: monospace, monospace;
font-size: 1em;
}
:where(small) {
font-size: 80%;
}
:where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
}
:where(iframe) {
border-style: none;
}
:where(svg:not([fill])) {
fill: currentColor;
}
:where(table) {
border-collapse: collapse;
border-color: currentColor;
text-indent: 0}
:where(button, input, select) {margin: 0}
:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {-webkit-appearance: button}
:where(fieldset) {border: 1px solid #a0a0a0}
:where(progress) {vertical-align: baseline}
:where(textarea) {margin: 0;
resize: vertical}
:where([type="search" i]) {-webkit-appearance: textfield;
outline-offset: -2px}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto}
::-webkit-input-placeholder {color: inherit;
opacity: 0.54}
::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;
font: inherit}
:where(dialog) {background-color: white;
text-indent: 0;
}
:where(button, input, select) {
margin: 0;
}
:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
-webkit-appearance: button;
}
:where(fieldset) {
border: 1px solid #a0a0a0;
}
:where(progress) {
vertical-align: baseline;
}
:where(textarea) {
margin: 0;
resize: vertical;
}
:where([type="search" i]) {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
:where(dialog) {
background-color: white;
border: solid;
color: black;
height: -moz-fit-content;
@ -60,11 +117,24 @@ padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content}
:where(dialog:not([open])) {display: none}
:where(details > summary:first-of-type) {display: list-item}
:where([aria-busy="true" i]) {cursor: progress}
:where([aria-disabled="true" i], [disabled]) {cursor: not-allowed}
:where([aria-hidden="false" i][hidden]) {display: initial}
:where([aria-hidden="false" i][hidden]:not(:focus)) {clip: rect(0, 0, 0, 0);
position: absolute}
width: fit-content;
}
:where(dialog:not([open])) {
display: none;
}
:where(details > summary:first-of-type) {
display: list-item;
}
:where([aria-busy="true" i]) {
cursor: progress;
}
:where([aria-disabled="true" i], [disabled]) {
cursor: not-allowed;
}
:where([aria-hidden="false" i][hidden]) {
display: initial;
}
:where([aria-hidden="false" i][hidden]:not(:focus)) {
clip: rect(0, 0, 0, 0);
position: absolute;
}

View File

@ -6,7 +6,8 @@ src: url('/fonts/Poppins.woff2') format('woff2'), url('/fonts/Poppins.woff') for
font-family: 'Proxima Nova';
src: url('/fonts/ProximaNova.woff2') format('woff2'), url('/fonts/ProximaNova.woff') format('woff');
}
*, ::before, ::after {--tw-translate-x: 0;
*, ::before, ::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
@ -47,7 +48,8 @@ src: url('/fonts/ProximaNova.woff2') format('woff2'), url('/fonts/ProximaNova.wo
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: }
--tw-backdrop-sepia: ;
}
@font-face {
font-family: 'Inter';
src: url('/fonts/Inter.woff2') format('woff2'), url('/fonts/Inter.woff') format('woff');
@ -58,12 +60,28 @@ src: url('/fonts/Gilroy.woff2') format('woff2'), url('/fonts/Gilroy.woff') forma
}
@page {margin: 1cm;
}
.font-bold {font-weight: 700}
.foo, .bar {color: black;
font-weight: 700}
@media (min-width: 640px) {.sm\:text-center {text-align: center}
.sm\:font-bold {font-weight: 700}}
@media (min-width: 768px) {.md\:text-center {text-align: center}
.md\:font-bold {font-weight: 700}}
@media (min-width: 1024px) {.lg\:text-center {text-align: center}
.lg\:font-bold {font-weight: 700}}
.font-bold {
font-weight: 700;
}
.foo, .bar {
color: black;
font-weight: 700;
}
@media (min-width: 640px) {.sm\:text-center {
text-align: center;
}
.sm\:font-bold {
font-weight: 700;
}}
@media (min-width: 768px) {.md\:text-center {
text-align: center;
}
.md\:font-bold {
font-weight: 700;
}}
@media (min-width: 1024px) {.lg\:text-center {
text-align: center;
}
.lg\:font-bold {
font-weight: 700;
}}

View File

@ -1,4 +1,5 @@
*, ::before, ::after {--tw-translate-x: 0;
*, ::before, ::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
@ -39,406 +40,683 @@
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: }
.first-letter\:text-2xl::first-letter {font-size: 1.5rem;
line-height: 2rem}
.first-letter\:text-red-500::first-letter {--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity))}
.first-line\:bg-yellow-300::first-line {--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity))}
.first-line\:underline::first-line {text-decoration-line: underline}
.marker\:text-lg *::marker {font-size: 1.125rem;
line-height: 1.75rem}
.marker\:text-red-500 *::marker {--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity))}
.marker\:text-lg::marker {font-size: 1.125rem;
line-height: 1.75rem}
.marker\:text-red-500::marker {--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity))}
.selection\:bg-blue-500 *::selection {--tw-bg-opacity: 1;
background-color: rgb(59 130 246/ var(--tw-bg-opacity))}
.selection\:text-white *::selection {--tw-text-opacity: 1;
color: rgb(255 255 255/ var(--tw-text-opacity))}
.selection\:bg-blue-500::selection {--tw-bg-opacity: 1;
background-color: rgb(59 130 246/ var(--tw-bg-opacity))}
.selection\:text-white::selection {--tw-text-opacity: 1;
color: rgb(255 255 255/ var(--tw-text-opacity))}
.file\:bg-blue-500::file-selector-button {--tw-bg-opacity: 1;
background-color: rgb(59 130 246/ var(--tw-bg-opacity))}
.file\:text-white::file-selector-button {--tw-text-opacity: 1;
color: rgb(255 255 255/ var(--tw-text-opacity))}
.placeholder\:font-bold::placeholder {font-weight: 700}
.placeholder\:text-red-500::placeholder {--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity))}
.before\:block::before {content: var(--tw-content);
display: block}
.before\:bg-red-500::before {content: var(--tw-content);
--tw-backdrop-sepia: ;
}
.first-letter\:text-2xl::first-letter {
font-size: 1.5rem;
line-height: 2rem;
}
.first-letter\:text-red-500::first-letter {
--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity));
}
.first-line\:bg-yellow-300::first-line {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68/ var(--tw-bg-opacity))}
.after\:flex::after {content: var(--tw-content);
display: flex}
.after\:uppercase::after {content: var(--tw-content);
text-transform: uppercase}
.first\:shadow-md:first-child {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
background-color: rgb(253 224 71/ var(--tw-bg-opacity));
}
.first-line\:underline::first-line {
text-decoration-line: underline;
}
.marker\:text-lg *::marker {
font-size: 1.125rem;
line-height: 1.75rem;
}
.marker\:text-red-500 *::marker {
--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity));
}
.marker\:text-lg::marker {
font-size: 1.125rem;
line-height: 1.75rem;
}
.marker\:text-red-500::marker {
--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity));
}
.selection\:bg-blue-500 *::selection {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246/ var(--tw-bg-opacity));
}
.selection\:text-white *::selection {
--tw-text-opacity: 1;
color: rgb(255 255 255/ var(--tw-text-opacity));
}
.selection\:bg-blue-500::selection {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246/ var(--tw-bg-opacity));
}
.selection\:text-white::selection {
--tw-text-opacity: 1;
color: rgb(255 255 255/ var(--tw-text-opacity));
}
.file\:bg-blue-500::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246/ var(--tw-bg-opacity));
}
.file\:text-white::file-selector-button {
--tw-text-opacity: 1;
color: rgb(255 255 255/ var(--tw-text-opacity));
}
.placeholder\:font-bold::placeholder {
font-weight: 700;
}
.placeholder\:text-red-500::placeholder {
--tw-text-opacity: 1;
color: rgb(239 68 68/ var(--tw-text-opacity));
}
.before\:block::before {
content: var(--tw-content);
display: block;
}
.before\:bg-red-500::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(239 68 68/ var(--tw-bg-opacity));
}
.after\:flex::after {
content: var(--tw-content);
display: flex;
}
.after\:uppercase::after {
content: var(--tw-content);
text-transform: uppercase;
}
.first\:shadow-md:first-child {
--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)}
.last\:shadow-md:last-child {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.last\:shadow-md:last-child {
--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)}
.only\:shadow-md:only-child {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.only\:shadow-md:only-child {
--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)}
.odd\:shadow-md:nth-child(odd) {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.odd\:shadow-md:nth-child(odd) {
--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)}
.even\:shadow-md:nth-child(even) {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.even\:shadow-md:nth-child(even) {
--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)}
.first-of-type\:shadow-md:first-of-type {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.first-of-type\:shadow-md:first-of-type {
--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)}
.last-of-type\:shadow-md:last-of-type {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.last-of-type\:shadow-md:last-of-type {
--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)}
.only-of-type\:shadow-md:only-of-type {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.only-of-type\:shadow-md:only-of-type {
--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)}
.visited\:shadow-md:visited {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.visited\:shadow-md:visited {
--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)}
.target\:shadow-md:target {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.target\:shadow-md:target {
--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)}
.open\:bg-red-200[open] {--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity))}
.default\:shadow-md:default {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.open\:bg-red-200[open] {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity));
}
.default\:shadow-md:default {
--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)}
.checked\:shadow-md:checked {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.checked\:shadow-md:checked {
--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)}
.indeterminate\:shadow-md:indeterminate {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.indeterminate\:shadow-md:indeterminate {
--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)}
.placeholder-shown\:shadow-md:placeholder-shown {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.placeholder-shown\:shadow-md:placeholder-shown {
--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)}
.autofill\:shadow-md:autofill {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.autofill\:shadow-md:autofill {
--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)}
.required\:shadow-md:required {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.required\:shadow-md:required {
--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)}
.valid\:shadow-md:valid {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.valid\:shadow-md:valid {
--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)}
.invalid\:shadow-md:invalid {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.invalid\:shadow-md:invalid {
--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)}
.in-range\:shadow-md:in-range {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.in-range\:shadow-md:in-range {
--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)}
.out-of-range\:shadow-md:out-of-range {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.out-of-range\:shadow-md:out-of-range {
--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)}
.read-only\:shadow-md:read-only {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.read-only\:shadow-md:read-only {
--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)}
.empty\:shadow-md:empty {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.empty\:shadow-md:empty {
--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)}
.focus-within\:shadow-md:focus-within {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-within\:shadow-md:focus-within {
--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)}
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.hover\:animate-spin:hover {animation: spin 1s linear infinite}
.hover\:shadow-md:hover {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
.hover\:animate-spin:hover {
animation: spin 1s linear infinite;
}
.hover\:shadow-md:hover {
--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)}
.file\:hover\:bg-blue-600:hover::file-selector-button {--tw-bg-opacity: 1;
background-color: rgb(37 99 235/ var(--tw-bg-opacity))}
.open\:hover\:bg-red-200:hover[open] {--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity))}
.focus\:shadow-md:focus {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.file\:hover\:bg-blue-600:hover::file-selector-button {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235/ var(--tw-bg-opacity));
}
.open\:hover\:bg-red-200:hover[open] {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity));
}
.focus\:shadow-md:focus {
--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)}
.focus\:hover\:shadow-md:hover:focus {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:hover\:shadow-md:hover:focus {
--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)}
.focus-visible\:shadow-md:focus-visible {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:shadow-md:focus-visible {
--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)}
.active\:shadow-md:active {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-md:active {
--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)}
.disabled\:shadow-md:disabled {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:shadow-md:disabled {
--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)}
.group:first-child .group-first\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:first-child .group-first\:shadow-md {
--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)}
.group:last-child .group-last\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:last-child .group-last\:shadow-md {
--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)}
.group:only-child .group-only\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:only-child .group-only\:shadow-md {
--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)}
.group:nth-child(odd) .group-odd\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:nth-child(odd) .group-odd\:shadow-md {
--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)}
.group:nth-child(even) .group-even\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:nth-child(even) .group-even\:shadow-md {
--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)}
.group:first-of-type .group-first-of-type\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:first-of-type .group-first-of-type\:shadow-md {
--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)}
.group:last-of-type .group-last-of-type\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:last-of-type .group-last-of-type\:shadow-md {
--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)}
.group:only-of-type .group-only-of-type\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:only-of-type .group-only-of-type\:shadow-md {
--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)}
.group:visited .group-visited\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:visited .group-visited\:shadow-md {
--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)}
.group:target .group-target\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:target .group-target\:shadow-md {
--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)}
.group[open] .group-open\:bg-red-200 {--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity))}
.group:default .group-default\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[open] .group-open\:bg-red-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity));
}
.group:default .group-default\:shadow-md {
--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)}
.group:checked .group-checked\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:checked .group-checked\:shadow-md {
--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)}
.group:indeterminate .group-indeterminate\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:indeterminate .group-indeterminate\:shadow-md {
--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)}
.group:placeholder-shown .group-placeholder-shown\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:placeholder-shown .group-placeholder-shown\:shadow-md {
--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)}
.group:autofill .group-autofill\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:autofill .group-autofill\:shadow-md {
--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)}
.group:required .group-required\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:required .group-required\:shadow-md {
--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)}
.group:valid .group-valid\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:valid .group-valid\:shadow-md {
--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)}
.group:invalid .group-invalid\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:invalid .group-invalid\:shadow-md {
--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)}
.group:in-range .group-in-range\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:in-range .group-in-range\:shadow-md {
--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)}
.group:out-of-range .group-out-of-range\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:out-of-range .group-out-of-range\:shadow-md {
--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)}
.group:read-only .group-read-only\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:read-only .group-read-only\:shadow-md {
--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)}
.group:empty .group-empty\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:empty .group-empty\:shadow-md {
--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)}
.group:focus-within .group-focus-within\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-within .group-focus-within\:shadow-md {
--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)}
.group:hover .group-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-md {
--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)}
.group[open]:hover .group-open\:group-hover\:space-x-2>:not([hidden])~:not([hidden]) {--tw-space-x-reverse: 0;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[open]:hover .group-open\:group-hover\:space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}
.group:focus .group-focus\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.group:focus .group-focus\:shadow-md {
--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)}
.group[open]:focus .group-open\:group-focus\:bg-red-200 {--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity))}
.group:focus:hover .group-focus\:group-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[open]:focus .group-open\:group-focus\:bg-red-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202/ var(--tw-bg-opacity));
}
.group:focus:hover .group-focus\:group-hover\:shadow-md {
--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)}
.group:focus-visible .group-focus-visible\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus-visible .group-focus-visible\:shadow-md {
--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)}
.group:active .group-active\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:active .group-active\:shadow-md {
--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)}
.group:disabled .group-disabled\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:disabled .group-disabled\:shadow-md {
--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)}
.group:disabled:focus:hover .group-disabled\:group-focus\:group-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:disabled:focus:hover .group-disabled\:group-focus\:group-hover\:shadow-md {
--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)}
.group:disabled:focus:hover .group-disabled\:group-focus\:group-hover\:first\:shadow-md:first-child {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:disabled:focus:hover .group-disabled\:group-focus\:group-hover\:first\:shadow-md:first-child {
--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)}
.peer:first-child~.peer-first\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:first-child~.peer-first\:shadow-md {
--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)}
.peer:last-child~.peer-last\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:last-child~.peer-last\:shadow-md {
--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)}
.peer:only-child~.peer-only\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:only-child~.peer-only\:shadow-md {
--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)}
.peer:nth-child(odd)~.peer-odd\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:nth-child(odd)~.peer-odd\:shadow-md {
--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)}
.peer:nth-child(even)~.peer-even\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:nth-child(even)~.peer-even\:shadow-md {
--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)}
.peer:first-of-type~.peer-first-of-type\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:first-of-type~.peer-first-of-type\:shadow-md {
--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)}
.peer:last-of-type~.peer-last-of-type\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:last-of-type~.peer-last-of-type\:shadow-md {
--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)}
.peer:only-of-type~.peer-only-of-type\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:only-of-type~.peer-only-of-type\:shadow-md {
--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)}
.peer:visited~.peer-visited\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:visited~.peer-visited\:shadow-md {
--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)}
.peer:target~.peer-target\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:target~.peer-target\:shadow-md {
--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)}
.peer:default~.peer-default\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:default~.peer-default\:shadow-md {
--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)}
.peer:checked~.peer-checked\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:checked~.peer-checked\:shadow-md {
--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)}
.peer:indeterminate~.peer-indeterminate\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:indeterminate~.peer-indeterminate\:shadow-md {
--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)}
.peer:placeholder-shown~.peer-placeholder-shown\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:placeholder-shown~.peer-placeholder-shown\:shadow-md {
--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)}
.peer:autofill~.peer-autofill\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:autofill~.peer-autofill\:shadow-md {
--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)}
.peer:required~.peer-required\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:required~.peer-required\:shadow-md {
--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)}
.peer:valid~.peer-valid\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:valid~.peer-valid\:shadow-md {
--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)}
.peer:invalid~.peer-invalid\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:invalid~.peer-invalid\:shadow-md {
--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)}
.peer:in-range~.peer-in-range\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:in-range~.peer-in-range\:shadow-md {
--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)}
.peer:out-of-range~.peer-out-of-range\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:out-of-range~.peer-out-of-range\:shadow-md {
--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)}
.peer:read-only~.peer-read-only\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:read-only~.peer-read-only\:shadow-md {
--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)}
.peer:empty~.peer-empty\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:empty~.peer-empty\:shadow-md {
--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)}
.peer:focus-within~.peer-focus-within\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:focus-within~.peer-focus-within\:shadow-md {
--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)}
.peer:hover~.peer-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:hover~.peer-hover\:shadow-md {
--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)}
.peer:focus~.peer-focus\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:focus~.peer-focus\:shadow-md {
--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)}
.peer:focus:hover~.peer-focus\:peer-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:focus:hover~.peer-focus\:peer-hover\:shadow-md {
--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)}
.peer:focus-visible~.peer-focus-visible\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:focus-visible~.peer-focus-visible\:shadow-md {
--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)}
.peer:active~.peer-active\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:active~.peer-active\:shadow-md {
--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)}
.peer:disabled~.peer-disabled\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:disabled~.peer-disabled\:shadow-md {
--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)}
.peer:disabled:focus:hover~.peer-disabled\:peer-focus\:peer-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:disabled:focus:hover~.peer-disabled\:peer-focus\:peer-hover\:shadow-md {
--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)}
.peer:disabled:focus:hover~.peer-disabled\:peer-focus\:peer-hover\:first\:shadow-md:first-child {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:disabled:focus:hover~.peer-disabled\:peer-focus\:peer-hover\:first\:shadow-md:first-child {
--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)}
[dir='ltr'] .ltr\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir='ltr'] .ltr\:shadow-md {
--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)}
[dir='rtl'] .rtl\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
[dir='rtl'] .rtl\:shadow-md {
--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)}
@media (prefers-reduced-motion: no-preference) {.motion-safe\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (prefers-reduced-motion: no-preference) {.motion-safe\:shadow-md {
--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)}}
@media (prefers-reduced-motion: reduce) {.motion-reduce\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}
@media (prefers-reduced-motion: reduce) {.motion-reduce\:shadow-md {
--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 .dark\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}
.dark .dark\:shadow-md {
--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 .group:disabled:focus:hover .dark\:group-disabled\:group-focus\:group-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .group:disabled:focus:hover .dark\:group-disabled\:group-focus\:group-hover\:shadow-md {
--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 .peer:disabled:focus:hover~.dark\:peer-disabled\:peer-focus\:peer-hover\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .peer:disabled:focus:hover~.dark\:peer-disabled\:peer-focus\:peer-hover\:shadow-md {
--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)}
@media print {.print\:bg-yellow-300 {--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity))}}
@media (min-width: 640px) {.sm\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media print {.print\:bg-yellow-300 {
--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity));
}}
@media (min-width: 640px) {.sm\:shadow-md {
--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)}
.sm\:active\:shadow-md:active {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sm\:active\:shadow-md:active {
--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)}}
@media (min-width: 768px) {.md\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}
@media (min-width: 768px) {.md\:shadow-md {
--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)}
.group:focus .md\:group-focus\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:focus .md\:group-focus\:shadow-md {
--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)}}
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}
@media (min-width: 1024px) {@keyframes spin {
to {
transform: rotate(360deg);
}
}
.lg\:animate-spin {animation: spin 1s linear infinite}
.lg\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
.lg\:animate-spin {
animation: spin 1s linear infinite;
}
.lg\:shadow-md {
--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 .lg\:dark\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .lg\:dark\:shadow-md {
--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)}}
@media (min-width: 1280px) {.xl\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}
@media (min-width: 1280px) {.xl\:shadow-md {
--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)}}
@media (min-width: 1536px) {.\32xl\:shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}
@media (min-width: 1536px) {.\32xl\:shadow-md {
--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)}
@media (prefers-reduced-motion: no-preference) {.dark .\32xl\:dark\:motion-safe\:focus-within\:shadow-md:focus-within {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (prefers-reduced-motion: no-preference) {.dark .\32xl\:dark\:motion-safe\:focus-within\:shadow-md:focus-within {
--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)}}}
@media (orientation: portrait) {.portrait\:bg-yellow-300 {--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity))}}
@media (orientation: landscape) {.landscape\:bg-yellow-300 {--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity))}}
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}}}
@media (orientation: portrait) {.portrait\:bg-yellow-300 {
--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity));
}}
@media (orientation: landscape) {.landscape\:bg-yellow-300 {
--tw-bg-opacity: 1;
background-color: rgb(253 224 71/ var(--tw-bg-opacity));
}}

View File

@ -1,4 +1,5 @@
div {color: #fff;
div {
color: #fff;
color: #ffffff;
color: #FFF;
color: #FFFFFF;
@ -10,7 +11,10 @@ color: #ff0099;
color: #0f38;
color: #00ff3388;
color: #0a0a0a;
color: #0a0a0afa}
div {background: url("starsolid.gif") #99f repeat-y fixed;
color: #0a0a0afa;
}
div {
background: url("starsolid.gif") #99f repeat-y fixed;
background: url("starsolid.gif") repeat-y fixed #99f;
background: url("starsolid.gif") repeat-y 12 #99f}
background: url("starsolid.gif") repeat-y 12 #99f;
}

View File

@ -1 +1,3 @@
div {box-shadow: 3px 3px red, -1em 0 0.4em olive}
div {
box-shadow: 3px 3px red, -1em 0 0.4em olive;
}

View File

@ -1,4 +1,6 @@
div {padding: 10px 10px;
div {
padding: 10px 10px;
border: 1px solid black;
transition: top 1s ease-out 0.5s;
text-shadow: 1px 1px 2px black, 0 0 1em red}
text-shadow: 1px 1px 2px black, 0 0 1em red;
}

View File

@ -1,16 +1,30 @@
div {transform: rotate(9deg) translate(0px, 71px) scale(1.5);
div {
transform: rotate(9deg) translate(0px, 71px) scale(1.5);
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
filter: drop-shadow(0.25rem 0 0.75rem #ef9035);
animation: 2s infinite alternate steps(10);
background-image: image-set("image.png" 1x, "image-2x.png" 2x, "image-print.png" 600dpi);
padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px)}
li::after {content: "[" counter(listCounter) "] == [" counter(listCounter, upper-roman) "]"}
li::before {content: counters(listCounter, ".") " == " counters(listCounter, ".", lower-roman)}
div {grid-template-columns: fit-content(8ch) fit-content(8ch) 1fr}
padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
}
li::after {
content: "[" counter(listCounter) "] == [" counter(listCounter, upper-roman) "]";
}
li::before {
content: counters(listCounter, ".") " == " counters(listCounter, ".", lower-roman);
}
div {
grid-template-columns: fit-content(8ch) fit-content(8ch) 1fr;
}
@font-face {
font-family: examplefont;
src: local(Example Font), url('examplefont.woff') format("woff"), url('examplefont.otf') format("opentype");
}
.three {background-color: var(--my-var, var(--my-background, pink))}
img, input[type="image"], video, embed, iframe, marquee, object, table {aspect-ratio: attr(width) / attr(height)}
div {prop: func(foo), func(foo)}
.three {
background-color: var(--my-var, var(--my-background, pink));
}
img, input[type="image"], video, embed, iframe, marquee, object, table {
aspect-ratio: attr(width) / attr(height);
}
div {
prop: func(foo), func(foo);
}

View File

@ -1,15 +1,21 @@
div {background: center/ contain no-repeat url("../../media/examples/firefox-logo.svg"), #eee 35% url("../../media/examples/lizard.png");
border: medium dashed green}
div {border: 0.5rem outset pink;
div {
background: center/ contain no-repeat url("../../media/examples/firefox-logo.svg"), #eee 35% url("../../media/examples/lizard.png");
border: medium dashed green;
}
div {
border: 0.5rem outset pink;
outline: 0.5rem solid khaki;
box-shadow: 0 0 0 2rem skyblue;
border-radius: 12px;
font: bold 1rem sans-serif;
margin: 2rem;
padding: 1rem;
outline-offset: 0.5rem}
p {width: 70px;
outline-offset: 0.5rem;
}
p {
width: 70px;
height: 70px;
border: solid 30px;
border-color: orange orange silver silver;
border-top-right-radius: 100%}
border-top-right-radius: 100%;
}

View File

@ -1,8 +1,11 @@
div {line-height: 100;
div {
line-height: 100;
margin: 20 30;
margin: 20 30px;
margin: 20px 30}
div {property: 10;
margin: 20px 30;
}
div {
property: 10;
property: +10;
property: -10;
property: 0.1;
@ -93,25 +96,46 @@ property: +000000;
property: -000000;
property: 100.1e-5;
property: 100.1e-6;
property: 10001000000}
div {transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
.wrapper {display: grid;
property: 10001000000;
}
div {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
grid-auto-rows: minmax(100px, auto)}
.one {grid-column: 1/ 3;
grid-row: 1}
.two {grid-column: 2/ 4;
grid-row: 1/ 3}
.three {grid-column: 1;
grid-row: 2/ 5}
.four {grid-column: 3;
grid-row: 3}
.five {grid-column: 2;
grid-row: 4}
.six {grid-column: 3;
grid-row: 4}
#grid {display: grid;
grid-auto-rows: minmax(100px, auto);
}
.one {
grid-column: 1/ 3;
grid-row: 1;
}
.two {
grid-column: 2/ 4;
grid-row: 1/ 3;
}
.three {
grid-column: 1;
grid-row: 2/ 5;
}
.four {
grid-column: 3;
grid-row: 3;
}
.five {
grid-column: 2;
grid-row: 4;
}
.six {
grid-column: 3;
grid-row: 4;
}
#grid {
display: grid;
height: 100px;
grid-template: repeat(4, 1fr) / 50px 100px}
.foo {grid-area: 2 span/ another-grid-area span}
grid-template: repeat(4, 1fr) / 50px 100px;
}
.foo {
grid-area: 2 span/ another-grid-area span;
}

View File

@ -1,15 +1,28 @@
div {padding: 100% 20%;
div {
padding: 100% 20%;
margin: 100% 20px;
background-position: 50% 50%, calc(50% + 20px) calc(50% + 20px);
margin: 20px 100%}
div {background: image-set(url("image.png") 1x) 100%;
background: 100% image-set(url("image.png") 1x)}
div {background: 50% red}
div {margin: 100% 20px 100% 40em}
div {background: rgba(0, 0, 0, 0) image-set(url("image.png") 1x) repeat scroll 0% 0%}
div {width: 100.00%;
width: 100.01%}
div {width: 0%;
margin: 20px 100%;
}
div {
background: image-set(url("image.png") 1x) 100%;
background: 100% image-set(url("image.png") 1x);
}
div {
background: 50% red;
}
div {
margin: 100% 20px 100% 40em;
}
div {
background: rgba(0, 0, 0, 0) image-set(url("image.png") 1x) repeat scroll 0% 0%;
}
div {
width: 100.00%;
width: 100.01%;
}
div {
width: 0%;
width: 0.1%;
width: 100%;
width: 100.5%;
@ -26,4 +39,5 @@ width: -0%;
width: +0000%;
width: 0000%;
width: 10.5%;
width: 10.5000%}
width: 10.5000%;
}

View File

@ -1,4 +1,6 @@
#page {display: grid;
#page {
display: grid;
width: 100%;
height: 200px;
grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav main" 1fr [main-right] [footer-left] "nav foot" 30px [footer-right] / 120px 1fr}
grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav main" 1fr [main-right] [footer-left] "nav foot" 30px [footer-right] / 120px 1fr;
}

View File

@ -1 +1,3 @@
div {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/ 1em auto no-repeat}
div {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/ 1em auto no-repeat;
}

View File

@ -1,4 +1,5 @@
div {content: '⬇️';
div {
content: '⬇️';
content: "😀";
content: "\'test\'";
content: "\\'test\'";
@ -35,7 +36,14 @@ content: '\\\'test\\\' \\\'test\\\' \\\'test\\\' \\\"test\\\"';
background: url('http://example.com/foo\'bar.jpg');
background: url('http://example.com/foo\"bar.jpg');
background: url("http://example.com/foo\'bar.jpg");
background: url("http://example.com/foo\"bar.jpg")}
div {grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto}
.other {grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav main" 1fr [main-right] [footer-left] "nav foot" 30px [footer-right] / 120px 1fr}
.prop {prop: name "test"}
background: url("http://example.com/foo\"bar.jpg");
}
div {
grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto;
}
.other {
grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav main" 1fr [main-right] [footer-left] "nav foot" 30px [footer-right] / 120px 1fr;
}
.prop {
prop: name "test";
}

View File

@ -1,4 +1,5 @@
div {background: url(https://example.com/image.png);
div {
background: url(https://example.com/image.png);
background: URL(https://example.com/image.png);
background: \URL(https://example.com/image.png);
background: url("https://example.com/image.png");
@ -29,5 +30,8 @@ https://example.com/image.png
);
background: url(image.png\D799)}
div {background: url(foo.img) red}
background: url(image.png\D799);
}
div {
background: url(foo.img) red;
}

View File

@ -131,7 +131,11 @@ where
// Consume a simple block and assign it to the qualified rules block. Return the
// qualified rule.
tok!("{") => {
let block = self.parse()?;
let ctx = Ctx {
grammar: Grammar::DeclarationList,
..self.ctx
};
let block = self.with_ctx(ctx).parse_as::<SimpleBlock>()?;
return Ok(QualifiedRule {
span: span!(self, span.lo),
@ -265,27 +269,6 @@ where
}
}
impl<I> Parse<Block> for Parser<I>
where
I: ParserInput,
{
fn parse(&mut self) -> PResult<Block> {
let start = self.input.cur_span()?.lo;
expect!(self, "{");
self.input.skip_ws()?;
let value = self.parse()?;
expect!(self, "}");
let span = span!(self, start);
Ok(Block { span, value })
}
}
impl<I> Parse<Vec<DeclarationBlockItem>> for Parser<I>
where
I: ParserInput,

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,8 +1,8 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/escaped/eof/input.css:2:12
|
2 | color: \
| ^
error: Unexpected end of file

View File

@ -1,8 +1,8 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/hash/input.css:2:11
|
2 | prop: #
| ^
error: Unexpected end of file

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,5 +1,3 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/rome/invalid/fit-content/invalid-call/input.css:2:45
|
@ -18,3 +16,5 @@ error: Unexpected end of file
3 | }
| ^
error: Unexpected end of file

View File

@ -1,5 +1,3 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/rome/invalid/grid/repeat/unclosed-lint-name/input.css:2:45
|

View File

@ -1,5 +1,3 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/rome/invalid/grid/repeat/unclosed/input.css:3:1
|
@ -12,3 +10,5 @@ error: Unexpected end of file
3 | }
| ^
error: Unexpected end of file

View File

@ -1,5 +1,3 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/rome/invalid/min-or-max/input.css:2:18
|
@ -18,3 +16,5 @@ error: Unexpected end of file
3 | }
| ^
error: Unexpected end of file

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,8 +1,8 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/strings/newline/input.css:2:11
|
2 | prop: "
| ^
error: Unexpected end of file

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,2 +1,2 @@
error: Expected "}"
error: Unexpected end of file

View File

@ -1,5 +1,3 @@
error: Expected "}"
error: Expected Declaration value
--> $DIR/tests/errors/url/parenthesis/input.css:2:17
|
@ -8,3 +6,5 @@ error: Expected Declaration value
3 | | }
| |_^
error: Unexpected end of file

View File

@ -326,8 +326,6 @@ impl Visit for SpanVisualizer<'_> {
mtd!(Delimiter, visit_delimiter);
mtd!(Block, visit_block);
mtd!(SimpleBlock, visit_simple_block);
mtd!(Function, visit_function);

View File

@ -184,12 +184,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 90,
"end": 117,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -194,7 +194,7 @@ error: Ident
7 | ul {
| ^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/counter-style/input.css:7:4
|
7 | ul {

View File

@ -110,12 +110,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 51,
"end": 80,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -377,12 +378,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 239,
"end": 297,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -128,7 +128,7 @@ error: Ident
2 | h1 {
| ^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/document/input.css:2:8
|
2 | h1 {
@ -410,7 +410,7 @@ error: Ident
8 | body {
| ^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/document/input.css:8:10
|
8 | body {

View File

@ -543,12 +543,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 308,
"end": 340,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -735,12 +736,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 424,
"end": 446,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -864,12 +866,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 480,
"end": 501,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1045,12 +1048,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 537,
"end": 555,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1188,12 +1192,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 593,
"end": 611,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1352,12 +1357,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 665,
"end": 690,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1506,12 +1512,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 727,
"end": 743,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1654,12 +1661,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 876,
"end": 901,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -550,7 +550,7 @@ error: Ident
17 | .sidebar { animation: slide-left 300ms; }
| ^^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:17:10
|
17 | .sidebar { animation: slide-left 300ms; }
@ -754,7 +754,7 @@ error: Ident
23 | strong { font-weight: bold; }
| ^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:23:12
|
23 | strong { font-weight: bold; }
@ -892,7 +892,7 @@ error: Ident
27 | .title { font-weight: 100; }
| ^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:27:12
|
27 | .title { font-weight: 100; }
@ -1060,7 +1060,7 @@ error: Ident
30 | h1, h2 { color: maroon; }
| ^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:30:16
|
30 | h1, h2 { color: maroon; }
@ -1192,7 +1192,7 @@ error: Ident
35 | [hidden] { display: none; }
| ^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:35:14
|
35 | [hidden] { display: none; }
@ -1378,7 +1378,7 @@ error: Ident
40 | p { margin-block: 0.75em; }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:40:11
|
40 | p { margin-block: 0.75em; }
@ -1528,7 +1528,7 @@ error: Ident
44 | p { color: #222; }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:44:11
|
44 | p { color: #222; }
@ -1669,7 +1669,7 @@ error: Ident
50 | blockquote { color: rebeccapurple; }
| ^^^^^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/layer/input.css:50:16
|
50 | blockquote { color: rebeccapurple; }

View File

@ -120,12 +120,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 36,
"end": 66,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -277,12 +278,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 107,
"end": 135,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -476,12 +478,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 196,
"end": 234,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -152,7 +152,7 @@ error: Ident
2 | div {
| ^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/supports/input.css:2:9
|
2 | div {
@ -339,7 +339,7 @@ error: Ident
8 | body {
| ^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/supports/input.css:8:10
|
8 | body {
@ -556,7 +556,7 @@ error: Ident
13 | article {
| ^^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/at-rule/supports/input.css:13:17
|
13 | article {

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 21,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -64,7 +64,7 @@ error: Ident
1 | a {
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/bom/input.css:1:3
|
1 | a {

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 28,
"end": 94,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -177,12 +178,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 136,
"end": 227,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -314,12 +316,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 239,
"end": 272,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -73,7 +73,7 @@ error: Ident
1 | /* comment */a/* comment */
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/comment/input.css:2:1
|
2 | / {
@ -177,7 +177,7 @@ error: Ident
9 | div {
| ^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/comment/input.css:9:5
|
9 | div {
@ -310,7 +310,7 @@ error: Ident
18 | a {
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/comment/input.css:18:3
|
18 | a {

View File

@ -65,12 +65,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 6,
"end": 59,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -205,12 +206,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 66,
"end": 91,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -354,12 +356,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 101,
"end": 134,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -64,7 +64,7 @@ error: Ident
1 | :root {
| ^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/dashed-ident/input.css:1:7
|
1 | :root {
@ -186,7 +186,7 @@ error: Ident
6 | .foo {
| ^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/dashed-ident/input.css:6:6
|
6 | .foo {
@ -313,7 +313,7 @@ error: Ident
10 | #foo h1 {
| ^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/dashed-ident/input.css:10:9
|
10 | #foo h1 {

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 41,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -67,7 +67,7 @@ error: Ident
1 | a {
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/declaration-list/input.css:1:3
|
1 | a {

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 4,
"end": 534,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1380,12 +1381,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 538,
"end": 562,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1496,12 +1498,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 564,
"end": 577,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",
@ -1602,12 +1605,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 581,
"end": 612,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -76,7 +76,7 @@ error: Ident
1 | div {
| ^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/declaration/input.css:1:5
|
1 | div {
@ -1403,7 +1403,7 @@ error: Ident
27 | a { color: a/* ; */ b ; }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/declaration/input.css:27:3
|
27 | a { color: a/* ; */ b ; }
@ -1505,7 +1505,7 @@ error: Ident
28 | a{color:black}
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/declaration/input.css:28:2
|
28 | a{color:black}
@ -1601,7 +1601,7 @@ error: Ident
30 | a {;;
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/declaration/input.css:30:3
|
30 | a {;;

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 32,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -64,7 +64,7 @@ error: Ident
1 | a {
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/delim/backslash/input.css:1:3
|
1 | a {

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 131,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -76,7 +76,7 @@ error: Ident
1 | a {
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/dimension/basic/input.css:1:3
|
1 | a {

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 20,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -58,7 +58,7 @@ error: Ident
1 | a { color: #112333 }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-4j83DwgJa0nPQIjlb0RIA/input.css:1:3
|
1 | a { color: #112333 }

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 4,
"end": 6,
"ctxt": 0
},
"name": "{",
"value": []
}
}

View File

@ -58,7 +58,7 @@ error: Ident
1 | \2d {}
| ^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-8o_H6sq86TDAHqF7YO0hg/input.css:1:5
|
1 | \2d {}

View File

@ -167,12 +167,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 56,
"end": 67,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -148,7 +148,7 @@ error: Ident
1 | div::before::after::selection::first-line::first-letter {color:red}
| ^^^^^^^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-GZJfOA9TK6La2KGGNgCkg/input.css:1:57
|
1 | div::before::after::selection::first-line::first-letter {color:red}

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 18,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -58,7 +58,7 @@ error: Ident
1 | a { width: +.10; }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-JoxoRcnA-zaaEC7RjXKvQ/input.css:1:3
|
1 | a { width: +.10; }

View File

@ -64,12 +64,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 8,
"end": 10,
"ctxt": 0
},
"name": "{",
"value": []
}
}

View File

@ -52,7 +52,7 @@ error: Ident
1 | #h\61sh {}
| ^^^^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-b4VODLSeaV93gwC2Ot2tw/input.css:1:9
|
1 | #h\61sh {}

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 19,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -58,7 +58,7 @@ error: Ident
1 | a { width: -.10%; }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-edvtxlXMemv5jnGeyueBA/input.css:1:3
|
1 | a { width: -.10%; }

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 45,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -58,7 +58,7 @@ error: Ident
1 | a { box-shadow: rgb(255, 0, 17) 0 0 1 inset }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-gboAEi1zyjFW5mtEM24Rg/input.css:1:3
|
1 | a { box-shadow: rgb(255, 0, 17) 0 0 1 inset }

View File

@ -93,12 +93,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 5,
"end": 7,
"ctxt": 0
},
"name": "{",
"value": []
}
}

View File

@ -70,7 +70,7 @@ error: Ident
1 | [*|b]{}
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/-shTP60AAG6a4mCJUpV1cQ/input.css:1:6
|
1 | [*|b]{}

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 21,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -58,7 +58,7 @@ error: Ident
1 | a { margin: 0 1 0 1 }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/07tvJxvZrgDeTmptOclErA/input.css:1:3
|
1 | a { margin: 0 1 0 1 }

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 2,
"end": 20,
"ctxt": 0
},
"name": "{",
"value": [
{
"type": "Declaration",

View File

@ -58,7 +58,7 @@ error: Ident
1 | a { value: 10p\32x }
| ^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/0LKvnY2GhG7ss8EXa0t6tQ/input.css:1:3
|
1 | a { value: 10p\32x }

View File

@ -93,12 +93,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 9,
"end": 11,
"ctxt": 0
},
"name": "{",
"value": []
}
}

View File

@ -76,7 +76,7 @@ error: Str
1 | [b="0c"] {}
| ^^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/0Zlgi2sdsFfTrdnWOHUqeg/input.css:1:10
|
1 | [b="0c"] {}

View File

@ -64,12 +64,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 4,
"end": 6,
"ctxt": 0
},
"name": "{",
"value": []
}
}

View File

@ -52,7 +52,7 @@ error: Ident
1 | #id {}
| ^^^
error: Block
error: SimpleBlock
--> $DIR/tests/fixture/esbuild/misc/0qqdP6EmNqzSa3h8c8lYUQ/input.css:1:5
|
1 | #id {}

View File

@ -71,12 +71,13 @@
]
},
"block": {
"type": "Block",
"type": "SimpleBlock",
"span": {
"start": 5,
"end": 7,
"ctxt": 0
},
"name": "{",
"value": []
}
}

Some files were not shown because too many files have changed in this diff Show More