tokono.ma
1*,
2*::before,
3*::after {
4 box-sizing: border-box;
5}
6
7* {
8 margin: 0;
9}
10
11html,
12:host {
13 font-family: ui-sans-serif, system-ui, sans-serif;
14 font-synthesis: none;
15 line-height: 1.5;
16 -webkit-text-size-adjust: 100%;
17 -webkit-tap-highlight-color: transparent;
18}
19
20body {
21 line-height: inherit;
22}
23
24img,
25picture,
26video,
27canvas,
28svg {
29 display: block;
30 max-width: 100%;
31}
32
33input,
34button,
35textarea,
36select {
37 font: inherit;
38}
39
40p,
41h1,
42h2,
43h3,
44h4,
45h5,
46h6 {
47 overflow-wrap: break-word;
48}
49
50p {
51 text-wrap: pretty;
52}
53
54h1,
55h2,
56h3,
57h4,
58h5,
59h6 {
60 text-wrap: balance;
61}
62
63#root,
64#__next {
65 isolation: isolate;
66}
67
68small {
69 font-size: 80%;
70}
71
72progress {
73 vertical-align: baseline;
74}
75
76/*
77 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
78 2. Set the default placeholder color to a semi-transparent version of the current text color.
79*/
80
81::placeholder {
82 opacity: 1; /* 1 */
83 color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */
84}
85
86/*
87 Remove the inner padding in Chrome and Safari on macOS.
88*/
89
90::-webkit-search-decoration {
91 -webkit-appearance: none;
92}
93
94/*
95 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
96*/
97
98:-moz-ui-invalid {
99 box-shadow: none;
100}
101
102/*
103 Correct the inability to style the border radius in iOS Safari.
104*/
105
106button,
107input:where([type="button"], [type="reset"], [type="submit"]),
108::file-selector-button {
109 appearance: button;
110}
111
112/*
113 Correct the cursor style of increment and decrement buttons in Safari.
114*/
115
116::-webkit-inner-spin-button,
117::-webkit-outer-spin-button {
118 height: auto;
119}