forked from catppuccin/userstyles
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcatppuccin.user.css
213 lines (191 loc) · 27.9 KB
/
catppuccin.user.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
/* ==UserStyle==
@name Brave Search Catppuccin
@namespace github.com/catppuccin/userstyles/styles/brave-search
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/brave-search
@version 2.0.2
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abrave-search
@description Soothing pastel theme for Brave Search
@author Catppuccin
@license MIT
@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
==/UserStyle== */
@-moz-document domain("search.brave.com") {
:root.light {
#catppuccin(@lightFlavor, @accentColor);
}
:root.dark {
#catppuccin(@darkFlavor, @accentColor);
}
:root:not(.light, .dark) {
@media (prefers-color-scheme: light) {
#catppuccin(@lightFlavor, @accentColor);
}
@media (prefers-color-scheme: dark) {
#catppuccin(@darkFlavor, @accentColor);
}
}
#catppuccin(@lookup, @accent) {
@rosewater: @catppuccin[@@lookup][@rosewater];
@flamingo: @catppuccin[@@lookup][@flamingo];
@pink: @catppuccin[@@lookup][@pink];
@mauve: @catppuccin[@@lookup][@mauve];
@red: @catppuccin[@@lookup][@red];
@maroon: @catppuccin[@@lookup][@maroon];
@peach: @catppuccin[@@lookup][@peach];
@yellow: @catppuccin[@@lookup][@yellow];
@green: @catppuccin[@@lookup][@green];
@teal: @catppuccin[@@lookup][@teal];
@sky: @catppuccin[@@lookup][@sky];
@sapphire: @catppuccin[@@lookup][@sapphire];
@blue: @catppuccin[@@lookup][@blue];
@lavender: @catppuccin[@@lookup][@lavender];
@text: @catppuccin[@@lookup][@text];
@subtext1: @catppuccin[@@lookup][@subtext1];
@subtext0: @catppuccin[@@lookup][@subtext0];
@overlay2: @catppuccin[@@lookup][@overlay2];
@overlay1: @catppuccin[@@lookup][@overlay1];
@overlay0: @catppuccin[@@lookup][@overlay0];
@surface2: @catppuccin[@@lookup][@surface2];
@surface1: @catppuccin[@@lookup][@surface1];
@surface0: @catppuccin[@@lookup][@surface0];
@base: @catppuccin[@@lookup][@base];
@mantle: @catppuccin[@@lookup][@mantle];
@crust: @catppuccin[@@lookup][@crust];
@accent-color: @catppuccin[@@lookup][@@accent];
color-scheme: if(@lookup = latte, light, dark);
::selection {
background-color: fade(@accent-color, 30%);
}
input,
textarea {
&::placeholder {
color: @subtext0 !important;
}
}
--color-page-background: @base;
--color-container-background: @crust;
--color-container-highlight: @mantle;
--color-serp-header-background: @crust;
--color-text-interactive: @accent-color;
--color-divider-subtle: @surface0;
--color-divider-interactive: @accent-color;
--color-text-primary: @text;
--color-serp-bar-bg: @mantle;
--color-serp-divider-subtle-container: @surface0;
--color-gray-30: @subtext0;
--color-gray-40: @overlay2;
--color-text-secondary: @subtext1;
--color-text-tertiary: @subtext0;
--color-icon-default: @overlay2;
--color-serp-snippet-background: @base;
--color-link-default: @blue;
--color-link-visited: @mauve;
--color-tabs-search-text-default: @accent-color;
--color-primary-50: @accent-color;
--color-primitive-primary-60: @accent-color;
--color-primitive-primary-70: darken(@accent-color, 5%);
--color-container-interactive: transparent;
--color-button-background: @accent-color;
--color-button-disabled: fade(@surface2, 30%);
--color-serp-settings-background: @mantle;
dialog {
color: @text;
&::backdrop {
background-color: fade(@crust, 30%);
}
}
#searchform::after {
outline-color: @surface0;
}
#searchform-actions::before {
background: none !important;
}
#submit-button {
&:hover:not(:disabled) {
background: linear-gradient(
314deg,
@peach 8.49%,
@pink 43.72%,
@mauve 99.51%
);
}
svg {
fill: @overlay2;
}
}
#searchbox::placeholder {
color: @subtext0;
}
.button.type--filled.theme--default {
color: @base;
&:disabled {
color: fade(@text, 50%);
}
}
.button.type--outlined.theme--default:hover {
background-color: @accent-color;
border-color: @accent-color !important;
color: @base !important;
}
.tab-item.active .icon {
fill: @accent-color !important;
}
.tab-item.active ::after {
background: @accent-color !important;
}
.logo-img {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="244" height="78" fill="none" viewBox="0 0 244 78"><path fill="@{text}" fill-rule="evenodd" d="M81.512 40.373V14.791h2.453a3.614 3.614 0 0 1 3.619 3.61v11.375c3.931-3.5 7.274-4.9 11.73-4.99 8.546-.175 15.964 6.158 16.669 14.657.842 10.154-6.56 17.797-16.203 17.797-10.586 0-18.268-6.549-18.268-16.867m5.971 2.01c.599 5.285 5.659 9.651 10.994 9.736 6.952.106 11.688-4.414 11.688-11.1s-4.63-11.1-11.386-11.1c-7.221-.016-12.117 5.217-11.296 12.464m38.63-16.958v4.557c3.82-4.229 6.082-5.365 10.554-5.365 1.301.001 2.6.105 3.884.312v6.052a15.8 15.8 0 0 0-4.207-.56c-3.237 0-5.955 1.057-7.947 3.055-1.749 1.75-2.268 3.118-2.268 5.867v16.85h-6.295V25.426zM142.045 35.6c.323-2.997.906-4.62 2.198-6.179 2.591-3.171 7.254-4.804 13.856-4.804 5.245 0 9.065.814 11.719 2.558 2.205 1.432 3.111 3.557 3.111 7.3v13.663c0 2.997.778 4.054 2.914 3.996q.716-.025 1.425-.127v4.118a9.4 9.4 0 0 1-3.301.497c-3.947 0-5.759-1.184-6.988-4.62-3.884 3.557-7.9 5.053-13.66 5.053-7.703 0-12.429-3.494-12.429-9.176a8.08 8.08 0 0 1 4.853-7.484c2.331-1 3.756-1.311 10.422-1.998 5.695-.56 6.67-.688 8.286-1.19 1.749-.56 2.528-1.495 2.528-3.055 0-3.309-2.782-4.805-8.61-4.805-5.511 0-8.35 1.09-9.49 3.87a3.755 3.755 0 0 1-3.47 2.368zm24.902 5.243a61.8 61.8 0 0 1-12.239 2.247c-5.632.56-7.38 1.623-7.38 4.43 0 3.118 2.59 4.756 7.703 4.756 4.207 0 7.381-1.057 9.649-3.118 1.812-1.686 2.267-2.87 2.267-5.814zm25.517 15.346h-1.621a3.71 3.71 0 0 1-3.359-2.083l-13.58-28.68h3.773a5.55 5.55 0 0 1 5.102 3.26l9.06 20.615 9.362-20.693a5.55 5.55 0 0 1 5.076-3.204h3.428l-13.897 28.734a3.71 3.71 0 0 1-3.344 2.05Zm21.495-13.601c.646 5.93 5.298 9.61 12.234 9.61 3.936 0 6.887-1.169 8.715-3.5a5.62 5.62 0 0 1 4.398-2.114h3.651c-3.179 6.987-8.87 10.423-17.352 10.423-10.597 0-17.739-6.427-17.739-16.037s7.317-16.348 17.871-16.348c7.635 0 13.776 3.43 16.25 9.176 1.102 2.642 1.552 4.99 1.552 8.795zm23.175-4.757c-1.425-5.428-5.632-8.489-11.46-8.489s-10.035 3.06-11.524 8.49h22.984Z" clip-rule="evenodd"/><path fill="@{accent-color}" fill-rule="evenodd" d="m62.038 17.836 1.746-4.28s-2.221-2.378-4.92-5.073c-2.697-2.695-8.41-1.11-8.41-1.11L43.947 0H21.095l-6.507 7.373s-5.713-1.585-8.411 1.11a230 230 0 0 0-4.92 5.073l1.746 4.28-2.222 6.34s6.535 24.722 7.3 27.741c1.508 5.945 2.54 8.243 6.824 11.255 4.285 3.012 12.061 8.243 13.33 9.036s2.858 2.142 4.286 2.142 3.015-1.35 4.285-2.142c1.27-.793 9.045-6.024 13.33-9.036s5.317-5.31 6.824-11.255c.766-3.019 7.3-27.74 7.3-27.74z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M40.614 13.397c.952 0 8.014-1.347 8.014-1.347s8.37 10.105 8.37 12.265c0 1.786-.72 2.485-1.568 3.308-.178.173-.36.35-.544.545l-6.275 6.656q-.095.099-.205.21c-.626.628-1.549 1.555-.898 3.093l.134.313c.713 1.667 1.594 3.725.473 5.81-1.193 2.218-3.236 3.699-4.545 3.454-1.31-.245-4.384-1.85-5.515-2.583s-4.715-3.686-4.715-4.815c0-.942 2.578-2.51 3.83-3.27.25-.152.446-.272.56-.348.129-.087.345-.222.61-.387 1.144-.709 3.208-1.99 3.26-2.558.063-.7.039-.905-.882-2.635a37 37 0 0 0-.662-1.169c-.878-1.508-1.86-3.196-1.642-4.405.245-1.365 2.386-2.148 4.2-2.81q.342-.125.66-.245c.53-.2 1.195-.448 1.89-.708 1.811-.678 3.823-1.43 4.155-1.584.46-.211.341-.413-1.05-.544l-.676-.07c-1.722-.183-4.899-.52-6.443-.09-.304.085-.644.177-1.001.273-1.735.47-3.861 1.045-4.066 1.376a2 2 0 0 1-.104.155c-.195.278-.322.459-.106 1.638.064.35.197 1.041.36 1.895.48 2.5 1.227 6.4 1.321 7.277q.02.183.042.355c.12.977.2 1.627-.937 1.887l-.297.068c-1.282.294-3.162.725-3.842.725s-2.56-.431-3.843-.725l-.296-.068c-1.136-.26-1.056-.91-.936-1.887q.021-.171.041-.355c.095-.878.844-4.787 1.323-7.287.163-.85.295-1.536.359-1.885.216-1.18.089-1.36-.107-1.638a3 3 0 0 1-.104-.155c-.204-.331-2.33-.906-4.065-1.376a108 108 0 0 1-1.002-.273c-1.544-.43-4.72-.093-6.442.09l-.676.07c-1.391.131-1.51.333-1.05.544.331.153 2.342.906 4.153 1.583.695.26 1.361.51 1.89.71q.32.12.662.243c1.813.663 3.955 1.446 4.2 2.811.218 1.21-.765 2.897-1.642 4.405-.237.407-.466.801-.662 1.17-.921 1.729-.946 1.934-.882 2.634.052.568 2.115 1.849 3.258 2.558.266.165.483.3.612.387.114.076.31.195.559.347 1.252.761 3.83 2.329 3.83 3.27 0 1.13-3.584 4.083-4.714 4.816s-4.206 2.338-5.515 2.583c-1.31.245-3.352-1.236-4.545-3.454-1.121-2.085-.24-4.142.473-5.81l.133-.313c.651-1.539-.271-2.465-.898-3.094q-.11-.11-.204-.209l-6.275-6.656a17 17 0 0 0-.544-.545c-.848-.823-1.568-1.522-1.568-3.308 0-2.16 8.37-12.265 8.37-12.265s7.062 1.347 8.014 1.347c.76 0 2.227-.504 3.756-1.03.387-.134.779-.268 1.163-.396 1.905-.634 3.174-.639 3.174-.639s1.27.005 3.174.639c.385.128.776.262 1.163.396 1.53.526 2.997 1.03 3.757 1.03m-1.212 35.745c1.493.768 2.552 1.313 2.952 1.563.518.324.202.935-.27 1.268-.472.334-6.813 5.239-7.429 5.78l-.249.224c-.593.534-1.35 1.215-1.886 1.215s-1.293-.682-1.886-1.216l-.248-.222c-.616-.542-6.958-5.447-7.43-5.78s-.787-.945-.27-1.269c.401-.25 1.461-.796 2.956-1.565l1.42-.732c2.236-1.156 5.023-2.139 5.458-2.139s3.222.983 5.459 2.139q.763.395 1.423.733Z" clip-rule="evenodd"/><path fill="@{accent-color}" fill-rule="evenodd" d="M50.453 7.373 43.947 0H21.094l-6.506 7.373s-5.713-1.585-8.411 1.11c0 0 7.617-.687 10.236 3.567 0 0 7.062 1.347 8.014 1.347s3.015-.792 4.92-1.427c1.904-.634 3.174-.638 3.174-.638s1.27.004 3.173.638c1.905.635 3.968 1.427 4.92 1.427s8.014-1.347 8.014-1.347c2.619-4.254 10.236-3.567 10.236-3.567-2.697-2.695-8.41-1.11-8.41-1.11Z" clip-rule="evenodd"/></svg>'
);
content: url("data:image/svg+xml,@{svg}");
}
.nav-logo .logo-large {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="114" height="35" fill="none" viewBox="0 0 114 35"><path fill="@{text}" fill-rule="evenodd" d="M38.084 18.876V6.915h1.146c.933 0 1.69.756 1.69 1.688v5.318c1.837-1.636 3.4-2.29 5.481-2.333 3.993-.081 7.458 2.88 7.788 6.853.393 4.747-3.065 8.32-7.57 8.32-4.946 0-8.535-3.061-8.535-7.885m2.79.94c.279 2.47 2.643 4.512 5.136 4.551 3.248.05 5.46-2.063 5.46-5.19 0-3.126-2.163-5.19-5.32-5.19-3.373-.007-5.66 2.44-5.277 5.828Zm18.048-7.929v2.13c1.785-1.976 2.842-2.508 4.93-2.508q.913.001 1.815.146v2.83a7.4 7.4 0 0 0-1.965-.262c-1.513 0-2.783.494-3.713 1.428-.817.818-1.06 1.458-1.06 2.743v7.879h-2.94V11.887zm7.443 4.758c.151-1.402.424-2.16 1.028-2.89 1.21-1.482 3.389-2.246 6.473-2.246 2.45 0 4.236.38 5.476 1.196 1.03.67 1.453 1.663 1.453 3.413v6.389c0 1.4.364 1.895 1.361 1.868a6 6 0 0 0 .666-.06v1.926a4.4 4.4 0 0 1-1.542.232c-1.844 0-2.69-.554-3.265-2.16-1.814 1.663-3.69 2.363-6.382 2.363-3.599 0-5.807-1.634-5.807-4.29a3.78 3.78 0 0 1 2.267-3.5c1.09-.467 1.755-.613 4.87-.934 2.66-.262 3.116-.321 3.871-.556.817-.262 1.181-.7 1.181-1.429 0-1.547-1.3-2.246-4.023-2.246-2.574 0-3.9.51-4.433 1.809a1.755 1.755 0 0 1-1.622 1.107zM78 19.095a29 29 0 0 1-5.718 1.051c-2.632.262-3.448.759-3.448 2.071 0 1.458 1.21 2.224 3.599 2.224 1.965 0 3.448-.494 4.508-1.458.846-.788 1.059-1.342 1.059-2.718zm11.922 7.175h-.757a1.73 1.73 0 0 1-1.57-.973l-6.344-13.41h1.762a2.59 2.59 0 0 1 2.384 1.525l4.233 9.638 4.374-9.675a2.59 2.59 0 0 1 2.371-1.498h1.602l-6.493 13.434c-.295.591-.9.963-1.562.96Zm10.042-6.358c.302 2.772 2.476 4.492 5.716 4.492 1.84 0 3.218-.546 4.072-1.636a2.63 2.63 0 0 1 2.055-.988h1.706c-1.486 3.267-4.144 4.873-8.108 4.873-4.95 0-8.287-3.005-8.287-7.498 0-4.492 3.418-7.643 8.349-7.643 3.567 0 6.437 1.604 7.593 4.29.514 1.236.725 2.333.725 4.112l-13.82-.002Zm10.828-2.225c-.666-2.538-2.631-3.969-5.354-3.969s-4.689 1.431-5.384 3.97z" clip-rule="evenodd"/><path fill="@{accent-color}" fill-rule="evenodd" d="m28.985 8.339.816-2.001s-1.038-1.112-2.298-2.372-3.93-.519-3.93-.519L20.533 0H9.856l-3.04 3.447s-2.67-.74-3.93.52A109 109 0 0 0 .588 6.336l.815 2.002-1.038 2.964s3.053 11.559 3.41 12.97c.705 2.78 1.187 3.854 3.19 5.262 2.001 1.409 5.634 3.854 6.227 4.225.594.37 1.335 1.002 2.002 1.002.668 0 1.41-.632 2.002-1.002.593-.37 4.227-2.816 6.228-4.225 2.003-1.408 2.484-2.483 3.189-5.262.358-1.411 3.41-12.97 3.41-12.97z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M18.976 6.263c.445 0 3.744-.63 3.744-.63s3.91 4.725 3.91 5.735c0 .835-.336 1.162-.732 1.547q-.125.119-.254.254l-2.932 3.112-.096.098c-.293.294-.723.727-.42 1.447l.063.146c.334.78.745 1.741.221 2.716-.557 1.037-1.512 1.73-2.123 1.615s-2.049-.865-2.577-1.208-2.203-1.723-2.203-2.25c0-.441 1.205-1.174 1.79-1.53.116-.07.208-.127.26-.163a14 14 0 0 1 .287-.18c.534-.332 1.498-.93 1.522-1.196.03-.327.019-.423-.412-1.232a15 15 0 0 0-.31-.547c-.409-.704-.868-1.494-.766-2.06.114-.637 1.115-1.003 1.962-1.313l.309-.114c.247-.094.558-.21.883-.332.846-.316 1.786-.668 1.94-.74.216-.099.16-.193-.49-.255l-.316-.032c-.804-.086-2.288-.243-3.01-.042q-.215.06-.468.128c-.81.219-1.804.488-1.9.643l-.048.072c-.091.13-.15.215-.05.766.03.164.092.487.169.886.224 1.17.573 2.993.617 3.402l.02.166c.056.457.093.761-.438.883l-.139.031c-.6.138-1.477.34-1.795.34s-1.196-.202-1.795-.34l-.138-.031c-.531-.122-.494-.426-.438-.883l.02-.166c.043-.41.393-2.238.617-3.407.076-.397.138-.718.168-.881.1-.551.041-.636-.05-.766l-.048-.072c-.096-.155-1.09-.424-1.9-.643l-.468-.128c-.721-.201-2.205-.044-3.01.042l-.316.032c-.65.062-.705.156-.49.255.154.072 1.094.423 1.94.74l.884.332.308.114c.848.31 1.848.676 1.963 1.314.101.565-.357 1.354-.767 2.06-.111.19-.218.374-.31.546-.43.809-.442.905-.412 1.232.024.265.988.864 1.523 1.196.124.077.225.14.286.18.053.036.144.092.26.163.585.356 1.79 1.089 1.79 1.53 0 .527-1.674 1.908-2.203 2.25s-1.965 1.094-2.576 1.208c-.612.114-1.566-.578-2.124-1.615-.524-.974-.112-1.936.221-2.716l.063-.146c.304-.72-.127-1.153-.42-1.447l-.095-.098-2.932-3.112a8 8 0 0 0-.254-.254c-.396-.385-.733-.712-.733-1.547 0-1.01 3.91-5.734 3.91-5.734s3.3.63 3.745.63c.355 0 1.04-.236 1.755-.482.18-.063.364-.126.543-.186.89-.296 1.483-.298 1.483-.298s.593.002 1.483.298q.271.09.544.186c.714.246 1.4.481 1.755.481m-.567 16.713c.698.359 1.193.614 1.38.73.242.152.094.438-.127.594-.22.155-3.183 2.449-3.47 2.702l-.117.104c-.277.25-.63.568-.88.568-.252 0-.605-.318-.882-.568l-.116-.104c-.288-.253-3.25-2.547-3.471-2.702-.22-.156-.369-.442-.127-.593.188-.117.683-.373 1.381-.732l.664-.342c1.045-.54 2.347-1 2.55-1s1.505.46 2.55 1z" clip-rule="evenodd"/><path fill="@{accent-color}" fill-rule="evenodd" d="M23.573 3.447 20.533 0H9.856l-3.04 3.447s-2.67-.74-3.93.52c0 0 3.56-.322 4.783 1.667 0 0 3.3.63 3.744.63s1.409-.37 2.298-.667c.89-.297 1.483-.299 1.483-.299s.594.002 1.483.299c.89.296 1.854.667 2.299.667s3.744-.63 3.744-.63c1.224-1.989 4.783-1.668 4.783-1.668-1.26-1.26-3.93-.519-3.93-.519" clip-rule="evenodd"/></svg>'
);
content: url("data:image/svg+xml,@{svg}");
}
.nav-logo .logo-small {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="56" height="64" fill="none"><path fill="@{accent-color}" fill-rule="evenodd" d="m53.292 15.321 1.5-3.676s-1.909-2.043-4.227-4.358c-2.317-2.315-7.225-.953-7.225-.953L37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953C2.988 9.602 1.08 11.645 1.08 11.645l1.5 3.676-1.91 5.447s5.614 21.236 6.272 23.83c1.295 5.106 2.181 7.08 5.862 9.668s10.36 7.08 11.45 7.762c1.091.68 2.455 1.84 3.682 1.84s2.59-1.16 3.68-1.84 7.77-5.175 11.452-7.762c3.68-2.587 4.567-4.562 5.862-9.668.657-2.594 6.27-23.83 6.27-23.83z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M34.888 11.508c.818 0 6.885-1.157 6.885-1.157s7.189 8.68 7.189 10.536c0 1.534-.619 2.134-1.347 2.842-.152.148-.31.3-.467.468l-5.39 5.717-.176.18c-.538.54-1.33 1.336-.772 2.658l.115.269c.613 1.432 1.37 3.2.407 4.99-1.025 1.906-2.78 3.178-3.905 2.967s-3.766-1.589-4.737-2.218c-.971-.63-4.05-3.166-4.05-4.137 0-.809 2.214-2.155 3.29-2.81.214-.13.383-.232.48-.298.111-.075.297-.19.526-.332.981-.61 2.754-1.71 2.799-2.197.055-.602.034-.778-.758-2.264-.168-.316-.365-.654-.568-1.004-.754-1.295-1.598-2.745-1.41-3.784.21-1.173 2.05-1.845 3.608-2.415q.292-.105.567-.209l1.623-.609c1.556-.582 3.284-1.229 3.57-1.36.394-.181.292-.355-.903-.468l-.58-.06c-1.48-.157-4.209-.446-5.535-.077-.261.073-.553.152-.86.235-1.49.403-3.317.897-3.493 1.182q-.045.074-.089.133c-.168.238-.277.394-.091 1.406.055.302.169.895.31 1.629.41 2.148 1.053 5.498 1.134 6.25q.017.159.036.305c.103.84.171 1.399-.805 1.622l-.255.058c-1.102.252-2.717.623-3.3.623-.584 0-2.2-.37-3.302-.623l-.254-.058c-.976-.223-.907-.782-.804-1.622q.018-.147.035-.305c.081-.753.725-4.112 1.137-6.259.14-.73.253-1.32.308-1.62.185-1.012.076-1.168-.092-1.406l-.09-.133c-.174-.285-2-.779-3.491-1.182-.307-.083-.6-.162-.86-.235-1.327-.37-4.055-.08-5.535.077q-.341.037-.58.06c-1.196.113-1.297.287-.903.468.285.131 2.013.778 3.568 1.36.597.223 1.17.437 1.624.609q.275.103.568.21c1.558.57 3.398 1.241 3.608 2.414.187 1.039-.657 2.489-1.41 3.784-.204.35-.4.688-.569 1.004-.791 1.486-.812 1.662-.757 2.264.044.488 1.816 1.587 2.798 2.197.229.142.415.257.526.332.098.066.266.168.48.298 1.076.654 3.29 2 3.29 2.81 0 .97-3.078 3.507-4.05 4.137-.97.63-3.612 2.008-4.737 2.218s-2.88-1.061-3.904-2.966c-.963-1.791-.207-3.559.406-4.99l.115-.27c.559-1.322-.233-2.118-.772-2.658l-.175-.18-5.39-5.717c-.158-.167-.316-.32-.468-.468-.728-.707-1.346-1.308-1.346-2.842 0-1.855 7.189-10.536 7.189-10.536s6.066 1.157 6.884 1.157c.653 0 1.913-.433 3.227-.885.333-.114.669-.23 1-.34 1.635-.545 2.726-.549 2.726-.549s1.09.004 2.726.549c.33.11.667.226 1 .34 1.313.452 2.574.885 3.226.885m-1.041 30.706c1.282.66 2.192 1.128 2.536 1.343.445.278.174.803-.232 1.09-.405.285-5.853 4.499-6.381 4.965l-.215.191c-.509.459-1.159 1.044-1.62 1.044-.46 0-1.11-.586-1.62-1.044l-.213-.191c-.53-.466-5.977-4.68-6.382-4.966s-.677-.81-.232-1.09c.344-.214 1.255-.683 2.539-1.344l1.22-.629c1.92-.992 4.315-1.837 4.689-1.837s2.767.844 4.689 1.837q.655.34 1.222.63z" clip-rule="evenodd"/><path fill="@{accent-color}" fill-rule="evenodd" d="M43.34 6.334 37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953c0 0 6.544-.59 8.793 3.064 0 0 6.066 1.157 6.884 1.157s2.59-.68 4.226-1.225 2.727-.549 2.727-.549 1.09.004 2.726.549 3.408 1.225 4.226 1.225 6.885-1.157 6.885-1.157c2.249-3.654 8.792-3.064 8.792-3.064-2.317-2.315-7.225-.953-7.225-.953" clip-rule="evenodd"/></svg>'
);
content: url("data:image/svg+xml,@{svg}");
}
.waves-bottom {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="1433" height="200"><g fill="@{surface2}" clip-path="url(#a)"><path d="M1537.5 115.707v.484C984.718-184.723 431.932 226.405-120.854 36.569v-4.062C431.932 223.554 984.718-186.42 1537.5 115.707"/><path d="M1537.5 121.488v.508C984.718-165.002 431.932 260.262-120.854 84.758v-4.166C431.932 257.33 984.718-166.699 1537.5 121.488"/><path d="M1537.5 127.454v.508c-552.782-272.77-1105.568 166.976-1658.354 6.127v-4.246C431.932 291.949 984.718-146.551 1537.5 127.454"/><path d="M1537.5 133.454v.519C984.718-124.234 431.932 330.248-120.854 184.354v-4.327C431.932 327.201 984.718-126 1537.5 133.454"/><path d="M420.794 214C793.026 133.224 1165.25-25.213 1537.5 139.57v.577C1169.9-21.786 802.332 131.539 434.764 214z"/><path d="M558.841 214c326.213-91.162 652.429-203.868 978.659-68.233v.531C1214.58 12.775 891.676 122.584 568.78 214z"/><path d="M665.068 214c290.8-90.643 581.612-175.02 872.432-61.99v.519C1249.41 41.243 961.327 123.669 673.256 214z"/><path d="M755.368 214c260.712-85.45 521.402-149.944 782.132-55.724v.531C1279.18 66.064 1020.88 129.116 762.566 214z"/><path d="M835.948 214c233.842-77.949 467.692-127.557 701.552-49.435v.542C1305.8 88.22 1074.13 136.766 842.455 214z"/></g><defs><clipPath id="a"><path fill="#fff" d="M-32 0h1496v214H-32z"/></clipPath></defs></svg>'
);
background-image: url("data:image/svg+xml,@{svg}");
}
.waves-top {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="1433" height="218"><g fill="@{surface2}" clip-path="url(#a)"><path d="M-90.855 51.976v-.7c797.89 434.34 1595.775-159.081 2393.665 114.927v5.863C1504.92-103.691 707.035 488.031-90.854 51.976Z"/><path d="M-90.855 43.631v-.733C707.035 457.15 1504.92-156.674 2302.81 96.664v6.013C1504.92-152.443 707.035 459.599-90.854 43.631Z"/><path d="M-90.855 35.07v-.733c797.89 393.665 1595.775-241.062 2393.665-8.894v6.13C1504.92-202.412 707.035 430.517-90.854 35.07Z"/><path d="M-90.855 26.359v-.75C707.035 398.288 1504.92-257.693 2302.81-47.11v6.246C1504.92-253.296 707.035 400.853-90.854 26.36Z"/><path d="M-90.855 17.515v-.75C707.035 368.174 1504.92-309.376 2302.81-120.697v6.313C1504.92-304.946 707.035 370.772-90.854 17.515Z"/><path d="M-90.855 8.537v-.766C707.035 337.76 1504.92-361.626 2302.81-195.05v6.346C1504.92-357.146 707.035 340.358-90.854 8.537Z"/><path d="M-90.855-.44v-.75C707.035 307.08 1504.92-414.26 2302.81-270.001v6.412C1504.92-409.762 707.035 309.711-90.854-.441Z"/><path d="M-90.855-9.485v-.766C707.035 276.266 1504.92-467.159 2302.81-345.287v6.43C1504.92-462.628 707.035 278.898-90.854-9.485Z"/><path d="M-90.855-18.562v-.783c797.89 264.731 1595.775-500.83 2393.665-401.41v6.446C1504.92-515.645 707.035 248.017-90.854-18.562Z"/><path d="M-90.855-27.657v-.782C707.035 214.489 1504.92-573.191 2302.81-496.14v6.429C1504.92-568.661 707.035 217.137-90.854-27.656Z"/><path d="M-90.855-36.7v-.784C707.035 183.692 1504.92-626.057 2302.81-571.492v6.429C1504.92-621.56 707.035 186.307-90.854-36.701Z"/><path d="M-90.855-45.712v-.716C707.035 153.045 1504.92-678.69 2302.81-646.377v6.362C1504.92-674.193 707.035 155.643-90.854-45.712Z"/><path d="M-90.855-54.64v-.782C707.035 122.63 1504.92-730.874 2302.81-720.697v6.363C1504.92-726.443 707.035 125.129-90.854-54.639Z"/><path d="M-90.855-63.5v-.766C707.035 92.55 1504.92-782.524 2302.81-794.283v6.229C1504.92-778.144 707.035 95.148-90.854-63.5Z"/><path d="M-90.855-72.245v-.733C581.533 41.516 1253.92-576.971 1926.28-794.282H1943C1265.04-583.518 587.102 44.714-90.855-72.245"/><path d="M-90.855-80.806v-.733C529.572 8.137 1150-526.488 1770.44-794.283h11.28C1157.51-529.536 533.344 10.769-90.854-80.806Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M-2-73h1496v291H-2z"/></clipPath></defs></svg>'
);
background-image: url("data:image/svg+xml,@{svg}");
}
input[type="radio"]:checked::after {
background-color: @accent-color;
}
.feedback-footer {
#logo {
@svg: escape(
'<svg xmlns="http://www.w3.org/2000/svg" width="56" height="64" fill="none"><path fill="@{accent-color}" fill-rule="evenodd" d="m53.292 15.321 1.5-3.676s-1.909-2.043-4.227-4.358c-2.317-2.315-7.225-.953-7.225-.953L37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953C2.988 9.602 1.08 11.645 1.08 11.645l1.5 3.676-1.91 5.447s5.614 21.236 6.272 23.83c1.295 5.106 2.181 7.08 5.862 9.668s10.36 7.08 11.45 7.762c1.091.68 2.455 1.84 3.682 1.84s2.59-1.16 3.68-1.84 7.77-5.175 11.452-7.762c3.68-2.587 4.567-4.562 5.862-9.668.657-2.594 6.27-23.83 6.27-23.83z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M34.888 11.508c.818 0 6.885-1.157 6.885-1.157s7.189 8.68 7.189 10.536c0 1.534-.619 2.134-1.347 2.842-.152.148-.31.3-.467.468l-5.39 5.717-.176.18c-.538.54-1.33 1.336-.772 2.658l.115.269c.613 1.432 1.37 3.2.407 4.99-1.025 1.906-2.78 3.178-3.905 2.967s-3.766-1.589-4.737-2.218c-.971-.63-4.05-3.166-4.05-4.137 0-.809 2.214-2.155 3.29-2.81.214-.13.383-.232.48-.298.111-.075.297-.19.526-.332.981-.61 2.754-1.71 2.799-2.197.055-.602.034-.778-.758-2.264-.168-.316-.365-.654-.568-1.004-.754-1.295-1.598-2.745-1.41-3.784.21-1.173 2.05-1.845 3.608-2.415q.292-.105.567-.209l1.623-.609c1.556-.582 3.284-1.229 3.57-1.36.394-.181.292-.355-.903-.468l-.58-.06c-1.48-.157-4.209-.446-5.535-.077-.261.073-.553.152-.86.235-1.49.403-3.317.897-3.493 1.182q-.045.074-.089.133c-.168.238-.277.394-.091 1.406.055.302.169.895.31 1.629.41 2.148 1.053 5.498 1.134 6.25q.017.159.036.305c.103.84.171 1.399-.805 1.622l-.255.058c-1.102.252-2.717.623-3.3.623-.584 0-2.2-.37-3.302-.623l-.254-.058c-.976-.223-.907-.782-.804-1.622q.018-.147.035-.305c.081-.753.725-4.112 1.137-6.259.14-.73.253-1.32.308-1.62.185-1.012.076-1.168-.092-1.406l-.09-.133c-.174-.285-2-.779-3.491-1.182-.307-.083-.6-.162-.86-.235-1.327-.37-4.055-.08-5.535.077q-.341.037-.58.06c-1.196.113-1.297.287-.903.468.285.131 2.013.778 3.568 1.36.597.223 1.17.437 1.624.609q.275.103.568.21c1.558.57 3.398 1.241 3.608 2.414.187 1.039-.657 2.489-1.41 3.784-.204.35-.4.688-.569 1.004-.791 1.486-.812 1.662-.757 2.264.044.488 1.816 1.587 2.798 2.197.229.142.415.257.526.332.098.066.266.168.48.298 1.076.654 3.29 2 3.29 2.81 0 .97-3.078 3.507-4.05 4.137-.97.63-3.612 2.008-4.737 2.218s-2.88-1.061-3.904-2.966c-.963-1.791-.207-3.559.406-4.99l.115-.27c.559-1.322-.233-2.118-.772-2.658l-.175-.18-5.39-5.717c-.158-.167-.316-.32-.468-.468-.728-.707-1.346-1.308-1.346-2.842 0-1.855 7.189-10.536 7.189-10.536s6.066 1.157 6.884 1.157c.653 0 1.913-.433 3.227-.885.333-.114.669-.23 1-.34 1.635-.545 2.726-.549 2.726-.549s1.09.004 2.726.549c.33.11.667.226 1 .34 1.313.452 2.574.885 3.226.885m-1.041 30.706c1.282.66 2.192 1.128 2.536 1.343.445.278.174.803-.232 1.09-.405.285-5.853 4.499-6.381 4.965l-.215.191c-.509.459-1.159 1.044-1.62 1.044-.46 0-1.11-.586-1.62-1.044l-.213-.191c-.53-.466-5.977-4.68-6.382-4.966s-.677-.81-.232-1.09c.344-.214 1.255-.683 2.539-1.344l1.22-.629c1.92-.992 4.315-1.837 4.689-1.837s2.767.844 4.689 1.837q.655.34 1.222.63z" clip-rule="evenodd"/><path fill="@{accent-color}" fill-rule="evenodd" d="M43.34 6.334 37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953c0 0 6.544-.59 8.793 3.064 0 0 6.066 1.157 6.884 1.157s2.59-.68 4.226-1.225 2.727-.549 2.727-.549 1.09.004 2.726.549 3.408 1.225 4.226 1.225 6.885-1.157 6.885-1.157c2.249-3.654 8.792-3.064 8.792-3.064-2.317-2.315-7.225-.953-7.225-.953" clip-rule="evenodd"/></svg>'
);
content: url("data:image/svg+xml,@{svg}");
height: 48px;
}
}
}
}
/* prettier-ignore */
@catppuccin: {
@latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };
@frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };
@macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };
@mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };
}
// vim:ft=less