File css diff between PurgeCss vs No Purge
3 removals
295 lines
191 additions
483 lines
/*
/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/
*/
*,
*,
:after,
:after,
:before {
:before {
box-sizing: border-box;
box-sizing: border-box;
border: 0 solid #e5e7eb
border: 0 solid #e5e7eb
}
}
:after,
:after,
:before {
:before {
--tw-content: ""
--tw-content: ""
}
}
:host,
html {
html {
line-height: 1.5;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-moz-tab-size: 4;
-o-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-feature-settings: normal;
font-feature-settings: normal;
font-variation-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent
-webkit-tap-highlight-color: transparent
}
}
body {
body {
margin: 0;
margin: 0;
line-height: inherit
line-height: inherit
}
}
h2 {
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-size: inherit;
font-weight: inherit
font-weight: inherit
}
}
a {
color: inherit;
text-decoration: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
::-webkit-outer-spin-button {
height: auto
height: auto
}
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
::-webkit-search-decoration {
-webkit-appearance: none
-webkit-appearance: none
}
}
::-webkit-file-upload-button {
::-webkit-file-upload-button {
-webkit-appearance: button;
-webkit-appearance: button;
font: inherit
font: inherit
}
}
summary {
display: list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h2,
p {
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0
margin: 0
}
}
svg {
fieldset {
margin: 0
}
fieldset,
legend {
padding: 0
}
menu,
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af
}
[role=button],
button {
cursor: pointer
}
:disabled {
cursor: default
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
display: block;
vertical-align: middle
vertical-align: middle
}
}
img,
video {
max-width: 100%;
height: auto
}
[hidden] {
display: none
}
*,
*,
:after,
:after,
:before {
:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-blur: ;
--tw-brightness: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-invert: ;
--tw-saturate: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
--tw-backdrop-sepia:
}
}
::backdrop {
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-color: rgba(59, 130, 246, .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-blur: ;
--tw-brightness: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-invert: ;
--tw-saturate: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
--tw-backdrop-sepia:
}
}
.my-4 {
.my-4 {
margin-top: 1rem;
margin-top: 1rem;
margin-bottom: 1rem
margin-bottom: 1rem
}
}
.rounded-lg {
.rounded-lg {
border-radius: .5rem
border-radius: .5rem
}
}
.bg-green-100 {
.bg-green-100 {
--tw-bg-opacity: 1;
--tw-bg-opacity: 1;
background-color: rgb(220 252 231/var(--tw-bg-opacity))
background-color: rgb(220 252 231/var(--tw-bg-opacity))
}
}
.bg-green-400 {
.bg-green-400 {
--tw-bg-opacity: 1;
--tw-bg-opacity: 1;
background-color: rgb(74 222 128/var(--tw-bg-opacity))
background-color: rgb(74 222 128/var(--tw-bg-opacity))
}
}
.bg-red-400 {
.bg-red-400 {
--tw-bg-opacity: 1;
--tw-bg-opacity: 1;
background-color: rgb(248 113 113/var(--tw-bg-opacity))
background-color: rgb(248 113 113/var(--tw-bg-opacity))
}
}
.bg-yellow-200 {
.bg-yellow-200 {
--tw-bg-opacity: 1;
--tw-bg-opacity: 1;
background-color: rgb(254 240 138/var(--tw-bg-opacity))
background-color: rgb(254 240 138/var(--tw-bg-opacity))
}
}
.p-2 {
.p-2 {
padding: .5rem
padding: .5rem
}
}
.p-5 {
.p-5 {
padding: 1.25rem
padding: 1.25rem
}
}
.text-base {
.text-base {
font-size: 1rem;
font-size: 1rem;
line-height: 1.5rem
line-height: 1.5rem
}
}
.text-red-500 {
.text-red-500 {
--tw-text-opacity: 1;
--tw-text-opacity: 1;
color: rgb(239 68 68/var(--tw-text-opacity))
color: rgb(239 68 68/var(--tw-text-opacity))
}
}
.text-white {
.text-white {
--tw-text-opacity: 1;
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity))
color: rgb(255 255 255/var(--tw-text-opacity))
}
}
.no-underline {
.no-underline {
text-decoration-line: none
text-decoration-line: none
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");
src: url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");
unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");
src: url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");
unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");
src: url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");
unicode-range: U+1f??
unicode-range: U+1f??
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");
src: url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");
unicode-range: U+0370-03ff
unicode-range: U+0370-03ff
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");
src: url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");
src: url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");
unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}
}
@font-face {
@font-face {
font-family: __Inter_e66fe9;
font-family: __Inter_e66fe9;
font-style: normal;
font-style: normal;
font-weight: 100 900;
font-weight: 100 900;
font-display: swap;
font-display: swap;
src: url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
src: url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
}
@font-face {
@font-face {
font-family: __Inter_Fallback_e66fe9;
font-family: __Inter_Fallback_e66fe9;
src: local("Arial");
src: local("Arial");
ascent-override: 90.20%;
ascent-override: 90.20%;
descent-override: 22.48%;
descent-override: 22.48%;
line-gap-override: 0.00%;
line-gap-override: 0.00%;
size-adjust: 107.40%
size-adjust: 107.40%
}
}
.__className_e66fe9 {
.__className_e66fe9 {
font-family: __Inter_e66fe9, __Inter_Fallback_e66fe9;
font-family: __Inter_e66fe9, __Inter_Fallback_e66fe9;
font-style: normal
font-style: normal
}
}