opus-react 0.2.26 → 0.2.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -10778,6 +10778,563 @@
10778
10778
  font-weight: 600;
10779
10779
  }
10780
10780
 
10781
+ /* components/EmojiPicker/EmojiPicker.module.css */
10782
+ .opus__tyRxw_root {
10783
+ min-width: 0;
10784
+ display: inline-flex;
10785
+ position: relative;
10786
+ }
10787
+
10788
+ .opus__tyRxw_panel {
10789
+ border: 1px solid var(--opus-menu-glass-border, var(--opus-border));
10790
+ border-radius: var(--opus-input-radius-large);
10791
+ background: radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--opus-accent) 14%, transparent), transparent 34%),
10792
+ color-mix(in srgb, var(--opus-menu-glass-surface, var(--opus-panel)) 72%, transparent);
10793
+ width: min(22rem, 100vw - 32px);
10794
+ box-shadow: 0 28px 80px #02061757,
10795
+ 0 0 0 1px color-mix(in srgb, var(--opus-accent) 10%, transparent);
10796
+ backdrop-filter: blur(20px) saturate(1.35);
10797
+ gap: 10px;
10798
+ padding: 10px;
10799
+ display: grid;
10800
+ overflow: hidden;
10801
+ }
10802
+
10803
+ .opus__tyRxw_panel[data-portaled="true"] {
10804
+ z-index: 1000;
10805
+ margin: 0;
10806
+ position: fixed;
10807
+ inset: auto;
10808
+ }
10809
+
10810
+ .opus__tyRxw_categories {
10811
+ border-bottom: 1px solid color-mix(in srgb, var(--opus-border) 72%, transparent);
10812
+ gap: 4px;
10813
+ padding-bottom: 4px;
10814
+ display: grid;
10815
+ }
10816
+
10817
+ .opus__tyRxw_categories[data-count="9"] {
10818
+ grid-template-columns: repeat(9, minmax(0, 1fr));
10819
+ }
10820
+
10821
+ .opus__tyRxw_categories[data-count="8"] {
10822
+ grid-template-columns: repeat(8, minmax(0, 1fr));
10823
+ }
10824
+
10825
+ .opus__tyRxw_categoryButton {
10826
+ border-radius: calc(var(--opus-input-radius) - 1px);
10827
+ min-height: 2rem;
10828
+ color: var(--opus-muted);
10829
+ cursor: pointer;
10830
+ opacity: .78;
10831
+ background: none;
10832
+ border: 0;
10833
+ place-items: center;
10834
+ padding: 0;
10835
+ font-size: .82rem;
10836
+ line-height: 1;
10837
+ display: grid;
10838
+ }
10839
+
10840
+ .opus__tyRxw_categoryButton svg {
10841
+ width: .95em;
10842
+ height: .95em;
10843
+ display: block;
10844
+ }
10845
+
10846
+ .opus__tyRxw_categoryButton:hover, .opus__tyRxw_categoryButton:focus-visible, .opus__tyRxw_categoryButton[data-active="true"] {
10847
+ background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
10848
+ color: var(--opus-text);
10849
+ opacity: 1;
10850
+ outline: none;
10851
+ }
10852
+
10853
+ .opus__tyRxw_search {
10854
+ border: 1px solid color-mix(in srgb, var(--opus-menu-glass-border, var(--opus-border)) 88%, transparent);
10855
+ border-radius: var(--opus-input-radius);
10856
+ background: color-mix(in srgb, var(--opus-input-bg) 55%, transparent);
10857
+ width: 100%;
10858
+ min-height: 2.25rem;
10859
+ color: var(--opus-text);
10860
+ font: inherit;
10861
+ padding: 0 10px;
10862
+ font-size: .82rem;
10863
+ }
10864
+
10865
+ .opus__tyRxw_search:focus {
10866
+ border-color: var(--opus-accent);
10867
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 18%, transparent);
10868
+ outline: none;
10869
+ }
10870
+
10871
+ .opus__tyRxw_grid {
10872
+ --emoji-row-height: 2.35rem;
10873
+ --emoji-grid-gap: 4px;
10874
+ gap: var(--emoji-grid-gap);
10875
+ height: calc(5 * var(--emoji-row-height) + 4 * var(--emoji-grid-gap));
10876
+ overscroll-behavior: contain;
10877
+ grid-template-columns: repeat(8, minmax(0, 1fr));
10878
+ display: grid;
10879
+ overflow: hidden auto;
10880
+ }
10881
+
10882
+ .opus__tyRxw_emojiButton {
10883
+ min-width: 0;
10884
+ height: var(--emoji-row-height);
10885
+ min-height: var(--emoji-row-height);
10886
+ border-radius: calc(var(--opus-input-radius) - 1px);
10887
+ cursor: pointer;
10888
+ background: none;
10889
+ border: 0;
10890
+ place-items: center;
10891
+ padding: 0;
10892
+ font-size: 1.28rem;
10893
+ line-height: 1;
10894
+ display: grid;
10895
+ }
10896
+
10897
+ .opus__tyRxw_emojiButton:hover, .opus__tyRxw_emojiButton:focus-visible {
10898
+ background: color-mix(in srgb, var(--opus-accent) 12%, transparent);
10899
+ outline: none;
10900
+ }
10901
+
10902
+ .opus__tyRxw_empty {
10903
+ color: var(--opus-muted);
10904
+ text-align: center;
10905
+ grid-column: 1 / -1;
10906
+ margin: 0;
10907
+ padding: 14px 8px;
10908
+ font-size: .74rem;
10909
+ }
10910
+
10911
+ .opus__tyRxw_searchHint {
10912
+ color: var(--opus-muted);
10913
+ text-align: center;
10914
+ margin: 0;
10915
+ font-size: .66rem;
10916
+ line-height: 1.35;
10917
+ }
10918
+
10919
+ .opus__tyRxw_srOnly {
10920
+ clip: rect(0, 0, 0, 0);
10921
+ white-space: nowrap;
10922
+ border: 0;
10923
+ width: 1px;
10924
+ height: 1px;
10925
+ margin: -1px;
10926
+ padding: 0;
10927
+ position: absolute;
10928
+ overflow: hidden;
10929
+ }
10930
+
10931
+ /* components/NoteComposer/NoteComposer.module.css */
10932
+ .opus_pQVlNo_root {
10933
+ --note-composer-text: var(--dashboard-section-text, var(--opus-text));
10934
+ --note-composer-muted: var(--dashboard-section-muted, var(--opus-muted));
10935
+ --note-composer-panel: var(--dashboard-section-panel, var(--opus-input-bg));
10936
+ --note-composer-border: var(--dashboard-section-border, color-mix(in srgb, var(--opus-border) 72%, transparent));
10937
+ border: 1px solid color-mix(in srgb, var(--note-composer-text) 12%, transparent);
10938
+ background: color-mix(in srgb, var(--note-composer-panel) 88%, transparent);
10939
+ box-sizing: border-box;
10940
+ border-radius: 12px;
10941
+ gap: 10px;
10942
+ width: 100%;
10943
+ min-width: 0;
10944
+ padding: 12px;
10945
+ display: grid;
10946
+ }
10947
+
10948
+ .opus_pQVlNo_textarea {
10949
+ width: 100%;
10950
+ min-height: 4.5rem;
10951
+ color: var(--note-composer-text);
10952
+ font: inherit;
10953
+ resize: vertical;
10954
+ background: none;
10955
+ border: 0;
10956
+ margin: 0;
10957
+ padding: 0;
10958
+ font-size: .78rem;
10959
+ line-height: 1.45;
10960
+ }
10961
+
10962
+ .opus_pQVlNo_textarea::placeholder {
10963
+ color: color-mix(in srgb, var(--note-composer-muted) 72%, transparent);
10964
+ }
10965
+
10966
+ .opus_pQVlNo_textarea:focus {
10967
+ outline: none;
10968
+ }
10969
+
10970
+ .opus_pQVlNo_footer {
10971
+ justify-content: space-between;
10972
+ align-items: center;
10973
+ gap: 10px;
10974
+ display: flex;
10975
+ }
10976
+
10977
+ .opus_pQVlNo_tools {
10978
+ align-items: center;
10979
+ gap: 8px;
10980
+ display: inline-flex;
10981
+ }
10982
+
10983
+ .opus_pQVlNo_toolButton {
10984
+ width: 1.75rem;
10985
+ height: 1.75rem;
10986
+ color: var(--note-composer-muted);
10987
+ cursor: pointer;
10988
+ background: none;
10989
+ border: 0;
10990
+ border-radius: 8px;
10991
+ justify-content: center;
10992
+ align-items: center;
10993
+ padding: 0;
10994
+ font-size: .78rem;
10995
+ display: inline-flex;
10996
+ }
10997
+
10998
+ .opus_pQVlNo_toolButton:hover, .opus_pQVlNo_toolButton:focus-visible {
10999
+ color: var(--note-composer-text);
11000
+ background: color-mix(in srgb, var(--note-composer-text) 6%, transparent);
11001
+ outline: none;
11002
+ }
11003
+
11004
+ .opus_pQVlNo_saveButton {
11005
+ color: #f8fafc;
11006
+ min-height: 2rem;
11007
+ font: inherit;
11008
+ cursor: pointer;
11009
+ background: #7c3aed;
11010
+ border: 0;
11011
+ border-radius: 8px;
11012
+ padding: 0 14px;
11013
+ font-size: .72rem;
11014
+ font-weight: 700;
11015
+ }
11016
+
11017
+ .opus_pQVlNo_saveButton:hover {
11018
+ background: #6d28d9;
11019
+ }
11020
+
11021
+ .opus_pQVlNo_saveButton:focus-visible {
11022
+ outline-offset: 2px;
11023
+ outline: 2px solid #a855f78c;
11024
+ }
11025
+
11026
+ .opus_pQVlNo_saveButton:disabled {
11027
+ opacity: .45;
11028
+ cursor: not-allowed;
11029
+ }
11030
+
11031
+ .opus_pQVlNo_toolButton svg {
11032
+ width: 1em;
11033
+ height: 1em;
11034
+ display: block;
11035
+ }
11036
+
11037
+ /* components/ContentTimeline/ContentTimeline.module.css */
11038
+ .opus_vApy-v_list {
11039
+ gap: 0;
11040
+ width: 100%;
11041
+ margin: 0;
11042
+ padding: 0;
11043
+ list-style: none;
11044
+ display: grid;
11045
+ }
11046
+
11047
+ .opus_vApy-v_item {
11048
+ grid-template-columns: 20px minmax(0, 1fr);
11049
+ align-items: stretch;
11050
+ gap: 14px;
11051
+ min-width: 0;
11052
+ display: grid;
11053
+ }
11054
+
11055
+ .opus_vApy-v_list[data-variant="avatar"] .opus_vApy-v_item, .opus_vApy-v_item[data-variant="avatar"] {
11056
+ grid-template-columns: 2rem minmax(0, 1fr);
11057
+ gap: 10px;
11058
+ }
11059
+
11060
+ .opus_vApy-v_item[data-clickable="true"] {
11061
+ cursor: pointer;
11062
+ border-radius: 10px;
11063
+ }
11064
+
11065
+ .opus_vApy-v_item[data-clickable="true"]:hover {
11066
+ background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-text)) 4%, transparent);
11067
+ }
11068
+
11069
+ .opus_vApy-v_item[data-clickable="true"]:focus-visible {
11070
+ outline-offset: -2px;
11071
+ outline: 2px solid #60a5fa6b;
11072
+ }
11073
+
11074
+ .opus_vApy-v_rail {
11075
+ flex-direction: column;
11076
+ align-items: center;
11077
+ padding-top: 4px;
11078
+ display: flex;
11079
+ position: relative;
11080
+ }
11081
+
11082
+ .opus_vApy-v_list[data-variant="avatar"] .opus_vApy-v_rail, .opus_vApy-v_item[data-variant="avatar"] .opus_vApy-v_rail {
11083
+ padding-top: 0;
11084
+ }
11085
+
11086
+ .opus_vApy-v_dot {
11087
+ background: var(--opus-accent);
11088
+ width: 10px;
11089
+ height: 10px;
11090
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 18%, transparent);
11091
+ border-radius: 999px;
11092
+ flex-shrink: 0;
11093
+ }
11094
+
11095
+ .opus_vApy-v_item[data-status="success"] .opus_vApy-v_dot {
11096
+ background: #16a34a;
11097
+ box-shadow: 0 0 0 3px #22c55e2e;
11098
+ }
11099
+
11100
+ .opus_vApy-v_item[data-status="warning"] .opus_vApy-v_dot {
11101
+ background: #d97706;
11102
+ box-shadow: 0 0 0 3px #f59e0b2e;
11103
+ }
11104
+
11105
+ .opus_vApy-v_item[data-status="danger"] .opus_vApy-v_dot {
11106
+ background: #dc2626;
11107
+ box-shadow: 0 0 0 3px #ef44442e;
11108
+ }
11109
+
11110
+ .opus_vApy-v_item[data-status="muted"] .opus_vApy-v_dot {
11111
+ background: var(--opus-muted);
11112
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-muted) 16%, transparent);
11113
+ }
11114
+
11115
+ .opus_vApy-v_line {
11116
+ background: color-mix(in srgb, var(--opus-border) 90%, transparent);
11117
+ flex: 1;
11118
+ width: 2px;
11119
+ min-height: 18px;
11120
+ margin-top: 6px;
11121
+ }
11122
+
11123
+ .opus_vApy-v_list[data-variant="avatar"] .opus_vApy-v_line, .opus_vApy-v_item[data-variant="avatar"] .opus_vApy-v_line {
11124
+ background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-border)) 14%, transparent);
11125
+ width: 1px;
11126
+ margin-top: 8px;
11127
+ }
11128
+
11129
+ .opus_vApy-v_body {
11130
+ min-width: 0;
11131
+ padding-bottom: 22px;
11132
+ }
11133
+
11134
+ .opus_vApy-v_item:last-child .opus_vApy-v_body {
11135
+ padding-bottom: 0;
11136
+ }
11137
+
11138
+ .opus_vApy-v_head {
11139
+ justify-content: space-between;
11140
+ align-items: baseline;
11141
+ gap: 12px;
11142
+ display: flex;
11143
+ }
11144
+
11145
+ .opus_vApy-v_title {
11146
+ color: var(--dashboard-section-text, var(--opus-text));
11147
+ margin: 0;
11148
+ font-size: .78rem;
11149
+ font-weight: 700;
11150
+ line-height: 1.2;
11151
+ }
11152
+
11153
+ .opus_vApy-v_list[data-variant="default"] .opus_vApy-v_title {
11154
+ font-size: .92rem;
11155
+ font-weight: 650;
11156
+ }
11157
+
11158
+ .opus_vApy-v_time {
11159
+ color: var(--dashboard-section-muted, var(--opus-muted));
11160
+ white-space: nowrap;
11161
+ font-size: .68rem;
11162
+ font-weight: 600;
11163
+ }
11164
+
11165
+ .opus_vApy-v_list[data-variant="default"] .opus_vApy-v_time {
11166
+ font-size: .76rem;
11167
+ font-weight: 400;
11168
+ }
11169
+
11170
+ .opus_vApy-v_description {
11171
+ color: var(--dashboard-section-muted, var(--opus-muted));
11172
+ margin: 6px 0 0;
11173
+ font-size: .74rem;
11174
+ line-height: 1.45;
11175
+ }
11176
+
11177
+ .opus_vApy-v_list[data-variant="default"] .opus_vApy-v_description {
11178
+ font-size: .84rem;
11179
+ }
11180
+
11181
+ .opus_vApy-v_tags {
11182
+ flex-wrap: wrap;
11183
+ gap: 6px;
11184
+ margin-top: 6px;
11185
+ display: flex;
11186
+ }
11187
+
11188
+ .opus_vApy-v_tag {
11189
+ letter-spacing: .01em;
11190
+ border-radius: 999px;
11191
+ align-items: center;
11192
+ min-height: 1.35rem;
11193
+ padding: 0 8px;
11194
+ font-size: .62rem;
11195
+ font-weight: 700;
11196
+ display: inline-flex;
11197
+ }
11198
+
11199
+ .opus_vApy-v_tag[data-tone="purple"] {
11200
+ color: #c4b5fd;
11201
+ background: #7c3aed3d;
11202
+ }
11203
+
11204
+ .opus_vApy-v_tag[data-tone="orange"] {
11205
+ color: #fdba74;
11206
+ background: #f9731638;
11207
+ }
11208
+
11209
+ .opus_vApy-v_tag[data-tone="green"] {
11210
+ color: #86efac;
11211
+ background: #22c55e33;
11212
+ }
11213
+
11214
+ .opus_vApy-v_tag[data-tone="blue"] {
11215
+ color: #93c5fd;
11216
+ background: #3b82f638;
11217
+ }
11218
+
11219
+ /* components/NotesActivity/NotesActivity.module.css */
11220
+ .opus_ThZ-Bi_root {
11221
+ gap: 14px;
11222
+ width: 100%;
11223
+ min-width: 0;
11224
+ display: grid;
11225
+ }
11226
+
11227
+ .opus_ThZ-Bi_tabs {
11228
+ border-bottom: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
11229
+ gap: 0;
11230
+ width: 100%;
11231
+ display: flex;
11232
+ }
11233
+
11234
+ .opus_ThZ-Bi_tab {
11235
+ color: var(--dashboard-section-muted);
11236
+ font: inherit;
11237
+ text-align: center;
11238
+ cursor: pointer;
11239
+ background: none;
11240
+ border: 0;
11241
+ flex: 1 1 0;
11242
+ margin: 0;
11243
+ padding: 0 12px 12px;
11244
+ font-size: .82rem;
11245
+ font-weight: 600;
11246
+ position: relative;
11247
+ }
11248
+
11249
+ .opus_ThZ-Bi_tab:hover, .opus_ThZ-Bi_tab:focus-visible {
11250
+ color: var(--dashboard-section-text);
11251
+ outline: none;
11252
+ }
11253
+
11254
+ .opus_ThZ-Bi_tab[data-active="true"] {
11255
+ color: #c4b5fd;
11256
+ }
11257
+
11258
+ .opus_ThZ-Bi_tab[data-active="true"]:after {
11259
+ content: "";
11260
+ background: #a855f7;
11261
+ border-radius: 999px;
11262
+ height: 2px;
11263
+ position: absolute;
11264
+ bottom: -1px;
11265
+ left: 0;
11266
+ right: 0;
11267
+ box-shadow: 0 0 10px #a855f78c;
11268
+ }
11269
+
11270
+ .opus_ThZ-Bi_feed {
11271
+ gap: 16px;
11272
+ min-width: 0;
11273
+ display: grid;
11274
+ }
11275
+
11276
+ .opus_ThZ-Bi_dateGroup {
11277
+ gap: 10px;
11278
+ min-width: 0;
11279
+ display: grid;
11280
+ }
11281
+
11282
+ .opus_ThZ-Bi_dateLabel {
11283
+ color: var(--dashboard-section-muted);
11284
+ letter-spacing: .04em;
11285
+ text-transform: uppercase;
11286
+ margin: 0;
11287
+ font-size: .68rem;
11288
+ font-weight: 700;
11289
+ }
11290
+
11291
+ .opus_ThZ-Bi_footer {
11292
+ border-top: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
11293
+ padding-top: 10px;
11294
+ }
11295
+
11296
+ .opus_ThZ-Bi_footerAction {
11297
+ color: #60a5fa;
11298
+ width: 100%;
11299
+ font: inherit;
11300
+ text-align: left;
11301
+ cursor: pointer;
11302
+ background: none;
11303
+ border: 0;
11304
+ justify-content: space-between;
11305
+ align-items: center;
11306
+ gap: 10px;
11307
+ padding: 0;
11308
+ font-size: .72rem;
11309
+ font-weight: 600;
11310
+ text-decoration: none;
11311
+ display: flex;
11312
+ }
11313
+
11314
+ .opus_ThZ-Bi_footerAction:hover {
11315
+ color: #93c5fd;
11316
+ }
11317
+
11318
+ .opus_ThZ-Bi_footerAction:focus-visible {
11319
+ outline-offset: 2px;
11320
+ border-radius: 6px;
11321
+ outline: 2px solid #60a5fa6b;
11322
+ }
11323
+
11324
+ .opus_ThZ-Bi_footerIcon svg {
11325
+ width: 1em;
11326
+ height: 1em;
11327
+ display: block;
11328
+ }
11329
+
11330
+ .opus_ThZ-Bi_footerIcon {
11331
+ justify-content: center;
11332
+ align-items: center;
11333
+ font-size: .62rem;
11334
+ line-height: 1;
11335
+ display: inline-flex;
11336
+ }
11337
+
10781
11338
  /* components/TopPerformingUsers/TopPerformingUsers.module.css */
10782
11339
  .opus_sYx0a6_root {
10783
11340
  gap: 12px;
@@ -10900,6 +11457,10 @@
10900
11457
  max-width: 32rem;
10901
11458
  }
10902
11459
 
11460
+ .opus_myuwZ6_container[data-component="notes-activity"][data-width="widget"] {
11461
+ max-width: 28rem;
11462
+ }
11463
+
10903
11464
  .opus_myuwZ6_container[data-width="full"] {
10904
11465
  flex: auto;
10905
11466
  align-self: stretch;
@@ -12151,104 +12712,6 @@
12151
12712
  border-color: #ef444466;
12152
12713
  }
12153
12714
 
12154
- /* components/ContentTimeline/ContentTimeline.module.css */
12155
- .opus_vApy-v_list {
12156
- gap: 0;
12157
- width: 100%;
12158
- margin: 0;
12159
- padding: 0;
12160
- list-style: none;
12161
- display: grid;
12162
- }
12163
-
12164
- .opus_vApy-v_item {
12165
- grid-template-columns: 20px minmax(0, 1fr);
12166
- align-items: stretch;
12167
- gap: 14px;
12168
- display: grid;
12169
- }
12170
-
12171
- .opus_vApy-v_rail {
12172
- flex-direction: column;
12173
- align-items: center;
12174
- padding-top: 4px;
12175
- display: flex;
12176
- position: relative;
12177
- }
12178
-
12179
- .opus_vApy-v_dot {
12180
- background: var(--opus-accent);
12181
- width: 10px;
12182
- height: 10px;
12183
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 18%, transparent);
12184
- border-radius: 999px;
12185
- flex-shrink: 0;
12186
- }
12187
-
12188
- .opus_vApy-v_item[data-status="success"] .opus_vApy-v_dot {
12189
- background: #16a34a;
12190
- box-shadow: 0 0 0 3px #22c55e2e;
12191
- }
12192
-
12193
- .opus_vApy-v_item[data-status="warning"] .opus_vApy-v_dot {
12194
- background: #d97706;
12195
- box-shadow: 0 0 0 3px #f59e0b2e;
12196
- }
12197
-
12198
- .opus_vApy-v_item[data-status="danger"] .opus_vApy-v_dot {
12199
- background: #dc2626;
12200
- box-shadow: 0 0 0 3px #ef44442e;
12201
- }
12202
-
12203
- .opus_vApy-v_item[data-status="muted"] .opus_vApy-v_dot {
12204
- background: var(--opus-muted);
12205
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-muted) 16%, transparent);
12206
- }
12207
-
12208
- .opus_vApy-v_line {
12209
- background: color-mix(in srgb, var(--opus-border) 90%, transparent);
12210
- flex: 1;
12211
- width: 2px;
12212
- min-height: 18px;
12213
- margin-top: 6px;
12214
- }
12215
-
12216
- .opus_vApy-v_body {
12217
- min-width: 0;
12218
- padding-bottom: 22px;
12219
- }
12220
-
12221
- .opus_vApy-v_item:last-child .opus_vApy-v_body {
12222
- padding-bottom: 0;
12223
- }
12224
-
12225
- .opus_vApy-v_head {
12226
- justify-content: space-between;
12227
- align-items: baseline;
12228
- gap: 12px;
12229
- display: flex;
12230
- }
12231
-
12232
- .opus_vApy-v_title {
12233
- color: var(--opus-text);
12234
- margin: 0;
12235
- font-size: .92rem;
12236
- font-weight: 650;
12237
- }
12238
-
12239
- .opus_vApy-v_time {
12240
- color: var(--opus-muted);
12241
- white-space: nowrap;
12242
- font-size: .76rem;
12243
- }
12244
-
12245
- .opus_vApy-v_description {
12246
- color: var(--opus-muted);
12247
- margin: 6px 0 0;
12248
- font-size: .84rem;
12249
- line-height: 1.45;
12250
- }
12251
-
12252
12715
  /* components/TreeView/TreeView.module.css */
12253
12716
  .opus_NlkzXy_tree, .opus_NlkzXy_children {
12254
12717
  margin: 0;
@@ -13054,5 +13517,160 @@
13054
13517
  padding: 12px 8px;
13055
13518
  font-size: .78rem;
13056
13519
  }
13520
+
13521
+ /* components/IconBadge/IconBadge.module.css */
13522
+ .opus_H9TUGj_root {
13523
+ color: inherit;
13524
+ cursor: default;
13525
+ background: none;
13526
+ border: 0;
13527
+ flex-shrink: 0;
13528
+ justify-content: center;
13529
+ align-items: center;
13530
+ padding: 0;
13531
+ display: inline-flex;
13532
+ position: relative;
13533
+ }
13534
+
13535
+ button.opus_H9TUGj_root {
13536
+ cursor: pointer;
13537
+ border-radius: 10px;
13538
+ }
13539
+
13540
+ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
13541
+ background: color-mix(in srgb, var(--opus-text) 6%, transparent);
13542
+ outline: none;
13543
+ }
13544
+
13545
+ .opus_H9TUGj_icon {
13546
+ color: var(--opus-text);
13547
+ place-items: center;
13548
+ line-height: 1;
13549
+ display: inline-grid;
13550
+ position: relative;
13551
+ }
13552
+
13553
+ .opus_H9TUGj_icon[data-size="sm"] {
13554
+ font-size: .82rem;
13555
+ }
13556
+
13557
+ .opus_H9TUGj_icon[data-size="md"] {
13558
+ font-size: 1rem;
13559
+ }
13560
+
13561
+ .opus_H9TUGj_icon[data-size="lg"] {
13562
+ font-size: 1.2rem;
13563
+ }
13564
+
13565
+ .opus_H9TUGj_root[data-size="sm"] {
13566
+ width: 1.85rem;
13567
+ height: 1.85rem;
13568
+ }
13569
+
13570
+ .opus_H9TUGj_root[data-size="md"] {
13571
+ width: 2.1rem;
13572
+ height: 2.1rem;
13573
+ }
13574
+
13575
+ .opus_H9TUGj_root[data-size="lg"] {
13576
+ width: 2.4rem;
13577
+ height: 2.4rem;
13578
+ }
13579
+
13580
+ .opus_H9TUGj_icon[data-tone="muted"] {
13581
+ color: color-mix(in srgb, var(--opus-text) 72%, var(--opus-muted));
13582
+ }
13583
+
13584
+ .opus_H9TUGj_icon[data-tone="default"] {
13585
+ color: var(--opus-text);
13586
+ }
13587
+
13588
+ .opus_H9TUGj_icon[data-tone="accent"] {
13589
+ color: var(--opus-accent);
13590
+ }
13591
+
13592
+ .opus_H9TUGj_icon[data-tone="success"] {
13593
+ color: #22c55e;
13594
+ }
13595
+
13596
+ .opus_H9TUGj_icon[data-tone="warning"] {
13597
+ color: #f59e0b;
13598
+ }
13599
+
13600
+ .opus_H9TUGj_icon[data-tone="danger"] {
13601
+ color: #f43f5e;
13602
+ }
13603
+
13604
+ .opus_H9TUGj_icon svg {
13605
+ width: 1em;
13606
+ height: 1em;
13607
+ display: block;
13608
+ }
13609
+
13610
+ .opus_H9TUGj_badge {
13611
+ background: var(--icon-badge-bg, #8b5cf6);
13612
+ min-width: .86rem;
13613
+ height: .86rem;
13614
+ color: var(--icon-badge-fg, #f8fafc);
13615
+ white-space: nowrap;
13616
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--icon-badge-ring, #020617) 24%, transparent);
13617
+ pointer-events: none;
13618
+ border-radius: 999px;
13619
+ justify-content: center;
13620
+ align-items: center;
13621
+ padding: 0 .2rem;
13622
+ font-size: .62rem;
13623
+ font-weight: 700;
13624
+ line-height: 1;
13625
+ display: inline-flex;
13626
+ position: absolute;
13627
+ top: 0;
13628
+ right: 0;
13629
+ transform: translate(48%, -48%);
13630
+ }
13631
+
13632
+ .opus_H9TUGj_badge[data-urgency="standard"] {
13633
+ --icon-badge-bg: #8b5cf6;
13634
+ --icon-badge-fg: #f8fafc;
13635
+ --icon-badge-ring: #020617;
13636
+ }
13637
+
13638
+ .opus_H9TUGj_badge[data-urgency="danger"] {
13639
+ --icon-badge-bg: #dc2626;
13640
+ --icon-badge-fg: #fff;
13641
+ --icon-badge-ring: #7f1d1d;
13642
+ }
13643
+
13644
+ .opus_H9TUGj_badge[data-urgency="warning"] {
13645
+ --icon-badge-bg: #d97706;
13646
+ --icon-badge-fg: #fff;
13647
+ --icon-badge-ring: #78350f;
13648
+ }
13649
+
13650
+ .opus_H9TUGj_badge[data-urgency="success"] {
13651
+ --icon-badge-bg: #16a34a;
13652
+ --icon-badge-fg: #fff;
13653
+ --icon-badge-ring: #14532d;
13654
+ }
13655
+
13656
+ .opus_H9TUGj_badge[data-urgency="info"] {
13657
+ --icon-badge-bg: #2563eb;
13658
+ --icon-badge-fg: #fff;
13659
+ --icon-badge-ring: #1e3a8a;
13660
+ }
13661
+
13662
+ .opus_H9TUGj_root[data-size="sm"] .opus_H9TUGj_badge {
13663
+ min-width: .78rem;
13664
+ height: .78rem;
13665
+ padding: 0 .16rem;
13666
+ font-size: .58rem;
13667
+ }
13668
+
13669
+ .opus_H9TUGj_root[data-size="lg"] .opus_H9TUGj_badge {
13670
+ min-width: .94rem;
13671
+ height: .94rem;
13672
+ padding: 0 .22rem;
13673
+ font-size: .68rem;
13674
+ }
13057
13675
  /* flag-icons (bundled for PhoneNumberField) */
13058
13676
  .fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(./flags/4x3/xx.svg)}.fi-xx.fis{background-image:url(./flags/1x1/xx.svg)}.fi-ad{background-image:url(./flags/4x3/ad.svg)}.fi-ad.fis{background-image:url(./flags/1x1/ad.svg)}.fi-ae{background-image:url(./flags/4x3/ae.svg)}.fi-ae.fis{background-image:url(./flags/1x1/ae.svg)}.fi-af{background-image:url(./flags/4x3/af.svg)}.fi-af.fis{background-image:url(./flags/1x1/af.svg)}.fi-ag{background-image:url(./flags/4x3/ag.svg)}.fi-ag.fis{background-image:url(./flags/1x1/ag.svg)}.fi-ai{background-image:url(./flags/4x3/ai.svg)}.fi-ai.fis{background-image:url(./flags/1x1/ai.svg)}.fi-al{background-image:url(./flags/4x3/al.svg)}.fi-al.fis{background-image:url(./flags/1x1/al.svg)}.fi-am{background-image:url(./flags/4x3/am.svg)}.fi-am.fis{background-image:url(./flags/1x1/am.svg)}.fi-ao{background-image:url(./flags/4x3/ao.svg)}.fi-ao.fis{background-image:url(./flags/1x1/ao.svg)}.fi-aq{background-image:url(./flags/4x3/aq.svg)}.fi-aq.fis{background-image:url(./flags/1x1/aq.svg)}.fi-ar{background-image:url(./flags/4x3/ar.svg)}.fi-ar.fis{background-image:url(./flags/1x1/ar.svg)}.fi-as{background-image:url(./flags/4x3/as.svg)}.fi-as.fis{background-image:url(./flags/1x1/as.svg)}.fi-at{background-image:url(./flags/4x3/at.svg)}.fi-at.fis{background-image:url(./flags/1x1/at.svg)}.fi-au{background-image:url(./flags/4x3/au.svg)}.fi-au.fis{background-image:url(./flags/1x1/au.svg)}.fi-aw{background-image:url(./flags/4x3/aw.svg)}.fi-aw.fis{background-image:url(./flags/1x1/aw.svg)}.fi-ax{background-image:url(./flags/4x3/ax.svg)}.fi-ax.fis{background-image:url(./flags/1x1/ax.svg)}.fi-az{background-image:url(./flags/4x3/az.svg)}.fi-az.fis{background-image:url(./flags/1x1/az.svg)}.fi-ba{background-image:url(./flags/4x3/ba.svg)}.fi-ba.fis{background-image:url(./flags/1x1/ba.svg)}.fi-bb{background-image:url(./flags/4x3/bb.svg)}.fi-bb.fis{background-image:url(./flags/1x1/bb.svg)}.fi-bd{background-image:url(./flags/4x3/bd.svg)}.fi-bd.fis{background-image:url(./flags/1x1/bd.svg)}.fi-be{background-image:url(./flags/4x3/be.svg)}.fi-be.fis{background-image:url(./flags/1x1/be.svg)}.fi-bf{background-image:url(./flags/4x3/bf.svg)}.fi-bf.fis{background-image:url(./flags/1x1/bf.svg)}.fi-bg{background-image:url(./flags/4x3/bg.svg)}.fi-bg.fis{background-image:url(./flags/1x1/bg.svg)}.fi-bh{background-image:url(./flags/4x3/bh.svg)}.fi-bh.fis{background-image:url(./flags/1x1/bh.svg)}.fi-bi{background-image:url(./flags/4x3/bi.svg)}.fi-bi.fis{background-image:url(./flags/1x1/bi.svg)}.fi-bj{background-image:url(./flags/4x3/bj.svg)}.fi-bj.fis{background-image:url(./flags/1x1/bj.svg)}.fi-bl{background-image:url(./flags/4x3/bl.svg)}.fi-bl.fis{background-image:url(./flags/1x1/bl.svg)}.fi-bm{background-image:url(./flags/4x3/bm.svg)}.fi-bm.fis{background-image:url(./flags/1x1/bm.svg)}.fi-bn{background-image:url(./flags/4x3/bn.svg)}.fi-bn.fis{background-image:url(./flags/1x1/bn.svg)}.fi-bo{background-image:url(./flags/4x3/bo.svg)}.fi-bo.fis{background-image:url(./flags/1x1/bo.svg)}.fi-bq{background-image:url(./flags/4x3/bq.svg)}.fi-bq.fis{background-image:url(./flags/1x1/bq.svg)}.fi-br{background-image:url(./flags/4x3/br.svg)}.fi-br.fis{background-image:url(./flags/1x1/br.svg)}.fi-bs{background-image:url(./flags/4x3/bs.svg)}.fi-bs.fis{background-image:url(./flags/1x1/bs.svg)}.fi-bt{background-image:url(./flags/4x3/bt.svg)}.fi-bt.fis{background-image:url(./flags/1x1/bt.svg)}.fi-bv{background-image:url(./flags/4x3/bv.svg)}.fi-bv.fis{background-image:url(./flags/1x1/bv.svg)}.fi-bw{background-image:url(./flags/4x3/bw.svg)}.fi-bw.fis{background-image:url(./flags/1x1/bw.svg)}.fi-by{background-image:url(./flags/4x3/by.svg)}.fi-by.fis{background-image:url(./flags/1x1/by.svg)}.fi-bz{background-image:url(./flags/4x3/bz.svg)}.fi-bz.fis{background-image:url(./flags/1x1/bz.svg)}.fi-ca{background-image:url(./flags/4x3/ca.svg)}.fi-ca.fis{background-image:url(./flags/1x1/ca.svg)}.fi-cc{background-image:url(./flags/4x3/cc.svg)}.fi-cc.fis{background-image:url(./flags/1x1/cc.svg)}.fi-cd{background-image:url(./flags/4x3/cd.svg)}.fi-cd.fis{background-image:url(./flags/1x1/cd.svg)}.fi-cf{background-image:url(./flags/4x3/cf.svg)}.fi-cf.fis{background-image:url(./flags/1x1/cf.svg)}.fi-cg{background-image:url(./flags/4x3/cg.svg)}.fi-cg.fis{background-image:url(./flags/1x1/cg.svg)}.fi-ch{background-image:url(./flags/4x3/ch.svg)}.fi-ch.fis{background-image:url(./flags/1x1/ch.svg)}.fi-ci{background-image:url(./flags/4x3/ci.svg)}.fi-ci.fis{background-image:url(./flags/1x1/ci.svg)}.fi-ck{background-image:url(./flags/4x3/ck.svg)}.fi-ck.fis{background-image:url(./flags/1x1/ck.svg)}.fi-cl{background-image:url(./flags/4x3/cl.svg)}.fi-cl.fis{background-image:url(./flags/1x1/cl.svg)}.fi-cm{background-image:url(./flags/4x3/cm.svg)}.fi-cm.fis{background-image:url(./flags/1x1/cm.svg)}.fi-cn{background-image:url(./flags/4x3/cn.svg)}.fi-cn.fis{background-image:url(./flags/1x1/cn.svg)}.fi-co{background-image:url(./flags/4x3/co.svg)}.fi-co.fis{background-image:url(./flags/1x1/co.svg)}.fi-cr{background-image:url(./flags/4x3/cr.svg)}.fi-cr.fis{background-image:url(./flags/1x1/cr.svg)}.fi-cu{background-image:url(./flags/4x3/cu.svg)}.fi-cu.fis{background-image:url(./flags/1x1/cu.svg)}.fi-cv{background-image:url(./flags/4x3/cv.svg)}.fi-cv.fis{background-image:url(./flags/1x1/cv.svg)}.fi-cw{background-image:url(./flags/4x3/cw.svg)}.fi-cw.fis{background-image:url(./flags/1x1/cw.svg)}.fi-cx{background-image:url(./flags/4x3/cx.svg)}.fi-cx.fis{background-image:url(./flags/1x1/cx.svg)}.fi-cy{background-image:url(./flags/4x3/cy.svg)}.fi-cy.fis{background-image:url(./flags/1x1/cy.svg)}.fi-cz{background-image:url(./flags/4x3/cz.svg)}.fi-cz.fis{background-image:url(./flags/1x1/cz.svg)}.fi-de{background-image:url(./flags/4x3/de.svg)}.fi-de.fis{background-image:url(./flags/1x1/de.svg)}.fi-dj{background-image:url(./flags/4x3/dj.svg)}.fi-dj.fis{background-image:url(./flags/1x1/dj.svg)}.fi-dk{background-image:url(./flags/4x3/dk.svg)}.fi-dk.fis{background-image:url(./flags/1x1/dk.svg)}.fi-dm{background-image:url(./flags/4x3/dm.svg)}.fi-dm.fis{background-image:url(./flags/1x1/dm.svg)}.fi-do{background-image:url(./flags/4x3/do.svg)}.fi-do.fis{background-image:url(./flags/1x1/do.svg)}.fi-dz{background-image:url(./flags/4x3/dz.svg)}.fi-dz.fis{background-image:url(./flags/1x1/dz.svg)}.fi-ec{background-image:url(./flags/4x3/ec.svg)}.fi-ec.fis{background-image:url(./flags/1x1/ec.svg)}.fi-ee{background-image:url(./flags/4x3/ee.svg)}.fi-ee.fis{background-image:url(./flags/1x1/ee.svg)}.fi-eg{background-image:url(./flags/4x3/eg.svg)}.fi-eg.fis{background-image:url(./flags/1x1/eg.svg)}.fi-eh{background-image:url(./flags/4x3/eh.svg)}.fi-eh.fis{background-image:url(./flags/1x1/eh.svg)}.fi-er{background-image:url(./flags/4x3/er.svg)}.fi-er.fis{background-image:url(./flags/1x1/er.svg)}.fi-es{background-image:url(./flags/4x3/es.svg)}.fi-es.fis{background-image:url(./flags/1x1/es.svg)}.fi-et{background-image:url(./flags/4x3/et.svg)}.fi-et.fis{background-image:url(./flags/1x1/et.svg)}.fi-fi{background-image:url(./flags/4x3/fi.svg)}.fi-fi.fis{background-image:url(./flags/1x1/fi.svg)}.fi-fj{background-image:url(./flags/4x3/fj.svg)}.fi-fj.fis{background-image:url(./flags/1x1/fj.svg)}.fi-fk{background-image:url(./flags/4x3/fk.svg)}.fi-fk.fis{background-image:url(./flags/1x1/fk.svg)}.fi-fm{background-image:url(./flags/4x3/fm.svg)}.fi-fm.fis{background-image:url(./flags/1x1/fm.svg)}.fi-fo{background-image:url(./flags/4x3/fo.svg)}.fi-fo.fis{background-image:url(./flags/1x1/fo.svg)}.fi-fr{background-image:url(./flags/4x3/fr.svg)}.fi-fr.fis{background-image:url(./flags/1x1/fr.svg)}.fi-ga{background-image:url(./flags/4x3/ga.svg)}.fi-ga.fis{background-image:url(./flags/1x1/ga.svg)}.fi-gb{background-image:url(./flags/4x3/gb.svg)}.fi-gb.fis{background-image:url(./flags/1x1/gb.svg)}.fi-gd{background-image:url(./flags/4x3/gd.svg)}.fi-gd.fis{background-image:url(./flags/1x1/gd.svg)}.fi-ge{background-image:url(./flags/4x3/ge.svg)}.fi-ge.fis{background-image:url(./flags/1x1/ge.svg)}.fi-gf{background-image:url(./flags/4x3/gf.svg)}.fi-gf.fis{background-image:url(./flags/1x1/gf.svg)}.fi-gg{background-image:url(./flags/4x3/gg.svg)}.fi-gg.fis{background-image:url(./flags/1x1/gg.svg)}.fi-gh{background-image:url(./flags/4x3/gh.svg)}.fi-gh.fis{background-image:url(./flags/1x1/gh.svg)}.fi-gi{background-image:url(./flags/4x3/gi.svg)}.fi-gi.fis{background-image:url(./flags/1x1/gi.svg)}.fi-gl{background-image:url(./flags/4x3/gl.svg)}.fi-gl.fis{background-image:url(./flags/1x1/gl.svg)}.fi-gm{background-image:url(./flags/4x3/gm.svg)}.fi-gm.fis{background-image:url(./flags/1x1/gm.svg)}.fi-gn{background-image:url(./flags/4x3/gn.svg)}.fi-gn.fis{background-image:url(./flags/1x1/gn.svg)}.fi-gp{background-image:url(./flags/4x3/gp.svg)}.fi-gp.fis{background-image:url(./flags/1x1/gp.svg)}.fi-gq{background-image:url(./flags/4x3/gq.svg)}.fi-gq.fis{background-image:url(./flags/1x1/gq.svg)}.fi-gr{background-image:url(./flags/4x3/gr.svg)}.fi-gr.fis{background-image:url(./flags/1x1/gr.svg)}.fi-gs{background-image:url(./flags/4x3/gs.svg)}.fi-gs.fis{background-image:url(./flags/1x1/gs.svg)}.fi-gt{background-image:url(./flags/4x3/gt.svg)}.fi-gt.fis{background-image:url(./flags/1x1/gt.svg)}.fi-gu{background-image:url(./flags/4x3/gu.svg)}.fi-gu.fis{background-image:url(./flags/1x1/gu.svg)}.fi-gw{background-image:url(./flags/4x3/gw.svg)}.fi-gw.fis{background-image:url(./flags/1x1/gw.svg)}.fi-gy{background-image:url(./flags/4x3/gy.svg)}.fi-gy.fis{background-image:url(./flags/1x1/gy.svg)}.fi-hk{background-image:url(./flags/4x3/hk.svg)}.fi-hk.fis{background-image:url(./flags/1x1/hk.svg)}.fi-hm{background-image:url(./flags/4x3/hm.svg)}.fi-hm.fis{background-image:url(./flags/1x1/hm.svg)}.fi-hn{background-image:url(./flags/4x3/hn.svg)}.fi-hn.fis{background-image:url(./flags/1x1/hn.svg)}.fi-hr{background-image:url(./flags/4x3/hr.svg)}.fi-hr.fis{background-image:url(./flags/1x1/hr.svg)}.fi-ht{background-image:url(./flags/4x3/ht.svg)}.fi-ht.fis{background-image:url(./flags/1x1/ht.svg)}.fi-hu{background-image:url(./flags/4x3/hu.svg)}.fi-hu.fis{background-image:url(./flags/1x1/hu.svg)}.fi-id{background-image:url(./flags/4x3/id.svg)}.fi-id.fis{background-image:url(./flags/1x1/id.svg)}.fi-ie{background-image:url(./flags/4x3/ie.svg)}.fi-ie.fis{background-image:url(./flags/1x1/ie.svg)}.fi-il{background-image:url(./flags/4x3/il.svg)}.fi-il.fis{background-image:url(./flags/1x1/il.svg)}.fi-im{background-image:url(./flags/4x3/im.svg)}.fi-im.fis{background-image:url(./flags/1x1/im.svg)}.fi-in{background-image:url(./flags/4x3/in.svg)}.fi-in.fis{background-image:url(./flags/1x1/in.svg)}.fi-io{background-image:url(./flags/4x3/io.svg)}.fi-io.fis{background-image:url(./flags/1x1/io.svg)}.fi-iq{background-image:url(./flags/4x3/iq.svg)}.fi-iq.fis{background-image:url(./flags/1x1/iq.svg)}.fi-ir{background-image:url(./flags/4x3/ir.svg)}.fi-ir.fis{background-image:url(./flags/1x1/ir.svg)}.fi-is{background-image:url(./flags/4x3/is.svg)}.fi-is.fis{background-image:url(./flags/1x1/is.svg)}.fi-it{background-image:url(./flags/4x3/it.svg)}.fi-it.fis{background-image:url(./flags/1x1/it.svg)}.fi-je{background-image:url(./flags/4x3/je.svg)}.fi-je.fis{background-image:url(./flags/1x1/je.svg)}.fi-jm{background-image:url(./flags/4x3/jm.svg)}.fi-jm.fis{background-image:url(./flags/1x1/jm.svg)}.fi-jo{background-image:url(./flags/4x3/jo.svg)}.fi-jo.fis{background-image:url(./flags/1x1/jo.svg)}.fi-jp{background-image:url(./flags/4x3/jp.svg)}.fi-jp.fis{background-image:url(./flags/1x1/jp.svg)}.fi-ke{background-image:url(./flags/4x3/ke.svg)}.fi-ke.fis{background-image:url(./flags/1x1/ke.svg)}.fi-kg{background-image:url(./flags/4x3/kg.svg)}.fi-kg.fis{background-image:url(./flags/1x1/kg.svg)}.fi-kh{background-image:url(./flags/4x3/kh.svg)}.fi-kh.fis{background-image:url(./flags/1x1/kh.svg)}.fi-ki{background-image:url(./flags/4x3/ki.svg)}.fi-ki.fis{background-image:url(./flags/1x1/ki.svg)}.fi-km{background-image:url(./flags/4x3/km.svg)}.fi-km.fis{background-image:url(./flags/1x1/km.svg)}.fi-kn{background-image:url(./flags/4x3/kn.svg)}.fi-kn.fis{background-image:url(./flags/1x1/kn.svg)}.fi-kp{background-image:url(./flags/4x3/kp.svg)}.fi-kp.fis{background-image:url(./flags/1x1/kp.svg)}.fi-kr{background-image:url(./flags/4x3/kr.svg)}.fi-kr.fis{background-image:url(./flags/1x1/kr.svg)}.fi-kw{background-image:url(./flags/4x3/kw.svg)}.fi-kw.fis{background-image:url(./flags/1x1/kw.svg)}.fi-ky{background-image:url(./flags/4x3/ky.svg)}.fi-ky.fis{background-image:url(./flags/1x1/ky.svg)}.fi-kz{background-image:url(./flags/4x3/kz.svg)}.fi-kz.fis{background-image:url(./flags/1x1/kz.svg)}.fi-la{background-image:url(./flags/4x3/la.svg)}.fi-la.fis{background-image:url(./flags/1x1/la.svg)}.fi-lb{background-image:url(./flags/4x3/lb.svg)}.fi-lb.fis{background-image:url(./flags/1x1/lb.svg)}.fi-lc{background-image:url(./flags/4x3/lc.svg)}.fi-lc.fis{background-image:url(./flags/1x1/lc.svg)}.fi-li{background-image:url(./flags/4x3/li.svg)}.fi-li.fis{background-image:url(./flags/1x1/li.svg)}.fi-lk{background-image:url(./flags/4x3/lk.svg)}.fi-lk.fis{background-image:url(./flags/1x1/lk.svg)}.fi-lr{background-image:url(./flags/4x3/lr.svg)}.fi-lr.fis{background-image:url(./flags/1x1/lr.svg)}.fi-ls{background-image:url(./flags/4x3/ls.svg)}.fi-ls.fis{background-image:url(./flags/1x1/ls.svg)}.fi-lt{background-image:url(./flags/4x3/lt.svg)}.fi-lt.fis{background-image:url(./flags/1x1/lt.svg)}.fi-lu{background-image:url(./flags/4x3/lu.svg)}.fi-lu.fis{background-image:url(./flags/1x1/lu.svg)}.fi-lv{background-image:url(./flags/4x3/lv.svg)}.fi-lv.fis{background-image:url(./flags/1x1/lv.svg)}.fi-ly{background-image:url(./flags/4x3/ly.svg)}.fi-ly.fis{background-image:url(./flags/1x1/ly.svg)}.fi-ma{background-image:url(./flags/4x3/ma.svg)}.fi-ma.fis{background-image:url(./flags/1x1/ma.svg)}.fi-mc{background-image:url(./flags/4x3/mc.svg)}.fi-mc.fis{background-image:url(./flags/1x1/mc.svg)}.fi-md{background-image:url(./flags/4x3/md.svg)}.fi-md.fis{background-image:url(./flags/1x1/md.svg)}.fi-me{background-image:url(./flags/4x3/me.svg)}.fi-me.fis{background-image:url(./flags/1x1/me.svg)}.fi-mf{background-image:url(./flags/4x3/mf.svg)}.fi-mf.fis{background-image:url(./flags/1x1/mf.svg)}.fi-mg{background-image:url(./flags/4x3/mg.svg)}.fi-mg.fis{background-image:url(./flags/1x1/mg.svg)}.fi-mh{background-image:url(./flags/4x3/mh.svg)}.fi-mh.fis{background-image:url(./flags/1x1/mh.svg)}.fi-mk{background-image:url(./flags/4x3/mk.svg)}.fi-mk.fis{background-image:url(./flags/1x1/mk.svg)}.fi-ml{background-image:url(./flags/4x3/ml.svg)}.fi-ml.fis{background-image:url(./flags/1x1/ml.svg)}.fi-mm{background-image:url(./flags/4x3/mm.svg)}.fi-mm.fis{background-image:url(./flags/1x1/mm.svg)}.fi-mn{background-image:url(./flags/4x3/mn.svg)}.fi-mn.fis{background-image:url(./flags/1x1/mn.svg)}.fi-mo{background-image:url(./flags/4x3/mo.svg)}.fi-mo.fis{background-image:url(./flags/1x1/mo.svg)}.fi-mp{background-image:url(./flags/4x3/mp.svg)}.fi-mp.fis{background-image:url(./flags/1x1/mp.svg)}.fi-mq{background-image:url(./flags/4x3/mq.svg)}.fi-mq.fis{background-image:url(./flags/1x1/mq.svg)}.fi-mr{background-image:url(./flags/4x3/mr.svg)}.fi-mr.fis{background-image:url(./flags/1x1/mr.svg)}.fi-ms{background-image:url(./flags/4x3/ms.svg)}.fi-ms.fis{background-image:url(./flags/1x1/ms.svg)}.fi-mt{background-image:url(./flags/4x3/mt.svg)}.fi-mt.fis{background-image:url(./flags/1x1/mt.svg)}.fi-mu{background-image:url(./flags/4x3/mu.svg)}.fi-mu.fis{background-image:url(./flags/1x1/mu.svg)}.fi-mv{background-image:url(./flags/4x3/mv.svg)}.fi-mv.fis{background-image:url(./flags/1x1/mv.svg)}.fi-mw{background-image:url(./flags/4x3/mw.svg)}.fi-mw.fis{background-image:url(./flags/1x1/mw.svg)}.fi-mx{background-image:url(./flags/4x3/mx.svg)}.fi-mx.fis{background-image:url(./flags/1x1/mx.svg)}.fi-my{background-image:url(./flags/4x3/my.svg)}.fi-my.fis{background-image:url(./flags/1x1/my.svg)}.fi-mz{background-image:url(./flags/4x3/mz.svg)}.fi-mz.fis{background-image:url(./flags/1x1/mz.svg)}.fi-na{background-image:url(./flags/4x3/na.svg)}.fi-na.fis{background-image:url(./flags/1x1/na.svg)}.fi-nc{background-image:url(./flags/4x3/nc.svg)}.fi-nc.fis{background-image:url(./flags/1x1/nc.svg)}.fi-ne{background-image:url(./flags/4x3/ne.svg)}.fi-ne.fis{background-image:url(./flags/1x1/ne.svg)}.fi-nf{background-image:url(./flags/4x3/nf.svg)}.fi-nf.fis{background-image:url(./flags/1x1/nf.svg)}.fi-ng{background-image:url(./flags/4x3/ng.svg)}.fi-ng.fis{background-image:url(./flags/1x1/ng.svg)}.fi-ni{background-image:url(./flags/4x3/ni.svg)}.fi-ni.fis{background-image:url(./flags/1x1/ni.svg)}.fi-nl{background-image:url(./flags/4x3/nl.svg)}.fi-nl.fis{background-image:url(./flags/1x1/nl.svg)}.fi-no{background-image:url(./flags/4x3/no.svg)}.fi-no.fis{background-image:url(./flags/1x1/no.svg)}.fi-np{background-image:url(./flags/4x3/np.svg)}.fi-np.fis{background-image:url(./flags/1x1/np.svg)}.fi-nr{background-image:url(./flags/4x3/nr.svg)}.fi-nr.fis{background-image:url(./flags/1x1/nr.svg)}.fi-nu{background-image:url(./flags/4x3/nu.svg)}.fi-nu.fis{background-image:url(./flags/1x1/nu.svg)}.fi-nz{background-image:url(./flags/4x3/nz.svg)}.fi-nz.fis{background-image:url(./flags/1x1/nz.svg)}.fi-om{background-image:url(./flags/4x3/om.svg)}.fi-om.fis{background-image:url(./flags/1x1/om.svg)}.fi-pa{background-image:url(./flags/4x3/pa.svg)}.fi-pa.fis{background-image:url(./flags/1x1/pa.svg)}.fi-pe{background-image:url(./flags/4x3/pe.svg)}.fi-pe.fis{background-image:url(./flags/1x1/pe.svg)}.fi-pf{background-image:url(./flags/4x3/pf.svg)}.fi-pf.fis{background-image:url(./flags/1x1/pf.svg)}.fi-pg{background-image:url(./flags/4x3/pg.svg)}.fi-pg.fis{background-image:url(./flags/1x1/pg.svg)}.fi-ph{background-image:url(./flags/4x3/ph.svg)}.fi-ph.fis{background-image:url(./flags/1x1/ph.svg)}.fi-pk{background-image:url(./flags/4x3/pk.svg)}.fi-pk.fis{background-image:url(./flags/1x1/pk.svg)}.fi-pl{background-image:url(./flags/4x3/pl.svg)}.fi-pl.fis{background-image:url(./flags/1x1/pl.svg)}.fi-pm{background-image:url(./flags/4x3/pm.svg)}.fi-pm.fis{background-image:url(./flags/1x1/pm.svg)}.fi-pn{background-image:url(./flags/4x3/pn.svg)}.fi-pn.fis{background-image:url(./flags/1x1/pn.svg)}.fi-pr{background-image:url(./flags/4x3/pr.svg)}.fi-pr.fis{background-image:url(./flags/1x1/pr.svg)}.fi-ps{background-image:url(./flags/4x3/ps.svg)}.fi-ps.fis{background-image:url(./flags/1x1/ps.svg)}.fi-pt{background-image:url(./flags/4x3/pt.svg)}.fi-pt.fis{background-image:url(./flags/1x1/pt.svg)}.fi-pw{background-image:url(./flags/4x3/pw.svg)}.fi-pw.fis{background-image:url(./flags/1x1/pw.svg)}.fi-py{background-image:url(./flags/4x3/py.svg)}.fi-py.fis{background-image:url(./flags/1x1/py.svg)}.fi-qa{background-image:url(./flags/4x3/qa.svg)}.fi-qa.fis{background-image:url(./flags/1x1/qa.svg)}.fi-re{background-image:url(./flags/4x3/re.svg)}.fi-re.fis{background-image:url(./flags/1x1/re.svg)}.fi-ro{background-image:url(./flags/4x3/ro.svg)}.fi-ro.fis{background-image:url(./flags/1x1/ro.svg)}.fi-rs{background-image:url(./flags/4x3/rs.svg)}.fi-rs.fis{background-image:url(./flags/1x1/rs.svg)}.fi-ru{background-image:url(./flags/4x3/ru.svg)}.fi-ru.fis{background-image:url(./flags/1x1/ru.svg)}.fi-rw{background-image:url(./flags/4x3/rw.svg)}.fi-rw.fis{background-image:url(./flags/1x1/rw.svg)}.fi-sa{background-image:url(./flags/4x3/sa.svg)}.fi-sa.fis{background-image:url(./flags/1x1/sa.svg)}.fi-sb{background-image:url(./flags/4x3/sb.svg)}.fi-sb.fis{background-image:url(./flags/1x1/sb.svg)}.fi-sc{background-image:url(./flags/4x3/sc.svg)}.fi-sc.fis{background-image:url(./flags/1x1/sc.svg)}.fi-sd{background-image:url(./flags/4x3/sd.svg)}.fi-sd.fis{background-image:url(./flags/1x1/sd.svg)}.fi-se{background-image:url(./flags/4x3/se.svg)}.fi-se.fis{background-image:url(./flags/1x1/se.svg)}.fi-sg{background-image:url(./flags/4x3/sg.svg)}.fi-sg.fis{background-image:url(./flags/1x1/sg.svg)}.fi-sh{background-image:url(./flags/4x3/sh.svg)}.fi-sh.fis{background-image:url(./flags/1x1/sh.svg)}.fi-si{background-image:url(./flags/4x3/si.svg)}.fi-si.fis{background-image:url(./flags/1x1/si.svg)}.fi-sj{background-image:url(./flags/4x3/sj.svg)}.fi-sj.fis{background-image:url(./flags/1x1/sj.svg)}.fi-sk{background-image:url(./flags/4x3/sk.svg)}.fi-sk.fis{background-image:url(./flags/1x1/sk.svg)}.fi-sl{background-image:url(./flags/4x3/sl.svg)}.fi-sl.fis{background-image:url(./flags/1x1/sl.svg)}.fi-sm{background-image:url(./flags/4x3/sm.svg)}.fi-sm.fis{background-image:url(./flags/1x1/sm.svg)}.fi-sn{background-image:url(./flags/4x3/sn.svg)}.fi-sn.fis{background-image:url(./flags/1x1/sn.svg)}.fi-so{background-image:url(./flags/4x3/so.svg)}.fi-so.fis{background-image:url(./flags/1x1/so.svg)}.fi-sr{background-image:url(./flags/4x3/sr.svg)}.fi-sr.fis{background-image:url(./flags/1x1/sr.svg)}.fi-ss{background-image:url(./flags/4x3/ss.svg)}.fi-ss.fis{background-image:url(./flags/1x1/ss.svg)}.fi-st{background-image:url(./flags/4x3/st.svg)}.fi-st.fis{background-image:url(./flags/1x1/st.svg)}.fi-sv{background-image:url(./flags/4x3/sv.svg)}.fi-sv.fis{background-image:url(./flags/1x1/sv.svg)}.fi-sx{background-image:url(./flags/4x3/sx.svg)}.fi-sx.fis{background-image:url(./flags/1x1/sx.svg)}.fi-sy{background-image:url(./flags/4x3/sy.svg)}.fi-sy.fis{background-image:url(./flags/1x1/sy.svg)}.fi-sz{background-image:url(./flags/4x3/sz.svg)}.fi-sz.fis{background-image:url(./flags/1x1/sz.svg)}.fi-tc{background-image:url(./flags/4x3/tc.svg)}.fi-tc.fis{background-image:url(./flags/1x1/tc.svg)}.fi-td{background-image:url(./flags/4x3/td.svg)}.fi-td.fis{background-image:url(./flags/1x1/td.svg)}.fi-tf{background-image:url(./flags/4x3/tf.svg)}.fi-tf.fis{background-image:url(./flags/1x1/tf.svg)}.fi-tg{background-image:url(./flags/4x3/tg.svg)}.fi-tg.fis{background-image:url(./flags/1x1/tg.svg)}.fi-th{background-image:url(./flags/4x3/th.svg)}.fi-th.fis{background-image:url(./flags/1x1/th.svg)}.fi-tj{background-image:url(./flags/4x3/tj.svg)}.fi-tj.fis{background-image:url(./flags/1x1/tj.svg)}.fi-tk{background-image:url(./flags/4x3/tk.svg)}.fi-tk.fis{background-image:url(./flags/1x1/tk.svg)}.fi-tl{background-image:url(./flags/4x3/tl.svg)}.fi-tl.fis{background-image:url(./flags/1x1/tl.svg)}.fi-tm{background-image:url(./flags/4x3/tm.svg)}.fi-tm.fis{background-image:url(./flags/1x1/tm.svg)}.fi-tn{background-image:url(./flags/4x3/tn.svg)}.fi-tn.fis{background-image:url(./flags/1x1/tn.svg)}.fi-to{background-image:url(./flags/4x3/to.svg)}.fi-to.fis{background-image:url(./flags/1x1/to.svg)}.fi-tr{background-image:url(./flags/4x3/tr.svg)}.fi-tr.fis{background-image:url(./flags/1x1/tr.svg)}.fi-tt{background-image:url(./flags/4x3/tt.svg)}.fi-tt.fis{background-image:url(./flags/1x1/tt.svg)}.fi-tv{background-image:url(./flags/4x3/tv.svg)}.fi-tv.fis{background-image:url(./flags/1x1/tv.svg)}.fi-tw{background-image:url(./flags/4x3/tw.svg)}.fi-tw.fis{background-image:url(./flags/1x1/tw.svg)}.fi-tz{background-image:url(./flags/4x3/tz.svg)}.fi-tz.fis{background-image:url(./flags/1x1/tz.svg)}.fi-ua{background-image:url(./flags/4x3/ua.svg)}.fi-ua.fis{background-image:url(./flags/1x1/ua.svg)}.fi-ug{background-image:url(./flags/4x3/ug.svg)}.fi-ug.fis{background-image:url(./flags/1x1/ug.svg)}.fi-um{background-image:url(./flags/4x3/um.svg)}.fi-um.fis{background-image:url(./flags/1x1/um.svg)}.fi-us{background-image:url(./flags/4x3/us.svg)}.fi-us.fis{background-image:url(./flags/1x1/us.svg)}.fi-uy{background-image:url(./flags/4x3/uy.svg)}.fi-uy.fis{background-image:url(./flags/1x1/uy.svg)}.fi-uz{background-image:url(./flags/4x3/uz.svg)}.fi-uz.fis{background-image:url(./flags/1x1/uz.svg)}.fi-va{background-image:url(./flags/4x3/va.svg)}.fi-va.fis{background-image:url(./flags/1x1/va.svg)}.fi-vc{background-image:url(./flags/4x3/vc.svg)}.fi-vc.fis{background-image:url(./flags/1x1/vc.svg)}.fi-ve{background-image:url(./flags/4x3/ve.svg)}.fi-ve.fis{background-image:url(./flags/1x1/ve.svg)}.fi-vg{background-image:url(./flags/4x3/vg.svg)}.fi-vg.fis{background-image:url(./flags/1x1/vg.svg)}.fi-vi{background-image:url(./flags/4x3/vi.svg)}.fi-vi.fis{background-image:url(./flags/1x1/vi.svg)}.fi-vn{background-image:url(./flags/4x3/vn.svg)}.fi-vn.fis{background-image:url(./flags/1x1/vn.svg)}.fi-vu{background-image:url(./flags/4x3/vu.svg)}.fi-vu.fis{background-image:url(./flags/1x1/vu.svg)}.fi-wf{background-image:url(./flags/4x3/wf.svg)}.fi-wf.fis{background-image:url(./flags/1x1/wf.svg)}.fi-ws{background-image:url(./flags/4x3/ws.svg)}.fi-ws.fis{background-image:url(./flags/1x1/ws.svg)}.fi-ye{background-image:url(./flags/4x3/ye.svg)}.fi-ye.fis{background-image:url(./flags/1x1/ye.svg)}.fi-yt{background-image:url(./flags/4x3/yt.svg)}.fi-yt.fis{background-image:url(./flags/1x1/yt.svg)}.fi-za{background-image:url(./flags/4x3/za.svg)}.fi-za.fis{background-image:url(./flags/1x1/za.svg)}.fi-zm{background-image:url(./flags/4x3/zm.svg)}.fi-zm.fis{background-image:url(./flags/1x1/zm.svg)}.fi-zw{background-image:url(./flags/4x3/zw.svg)}.fi-zw.fis{background-image:url(./flags/1x1/zw.svg)}.fi-arab{background-image:url(./flags/4x3/arab.svg)}.fi-arab.fis{background-image:url(./flags/1x1/arab.svg)}.fi-asean{background-image:url(./flags/4x3/asean.svg)}.fi-asean.fis{background-image:url(./flags/1x1/asean.svg)}.fi-cefta{background-image:url(./flags/4x3/cefta.svg)}.fi-cefta.fis{background-image:url(./flags/1x1/cefta.svg)}.fi-cp{background-image:url(./flags/4x3/cp.svg)}.fi-cp.fis{background-image:url(./flags/1x1/cp.svg)}.fi-dg{background-image:url(./flags/4x3/dg.svg)}.fi-dg.fis{background-image:url(./flags/1x1/dg.svg)}.fi-eac{background-image:url(./flags/4x3/eac.svg)}.fi-eac.fis{background-image:url(./flags/1x1/eac.svg)}.fi-es-ct{background-image:url(./flags/4x3/es-ct.svg)}.fi-es-ct.fis{background-image:url(./flags/1x1/es-ct.svg)}.fi-es-ga{background-image:url(./flags/4x3/es-ga.svg)}.fi-es-ga.fis{background-image:url(./flags/1x1/es-ga.svg)}.fi-es-pv{background-image:url(./flags/4x3/es-pv.svg)}.fi-es-pv.fis{background-image:url(./flags/1x1/es-pv.svg)}.fi-eu{background-image:url(./flags/4x3/eu.svg)}.fi-eu.fis{background-image:url(./flags/1x1/eu.svg)}.fi-gb-eng{background-image:url(./flags/4x3/gb-eng.svg)}.fi-gb-eng.fis{background-image:url(./flags/1x1/gb-eng.svg)}.fi-gb-nir{background-image:url(./flags/4x3/gb-nir.svg)}.fi-gb-nir.fis{background-image:url(./flags/1x1/gb-nir.svg)}.fi-gb-sct{background-image:url(./flags/4x3/gb-sct.svg)}.fi-gb-sct.fis{background-image:url(./flags/1x1/gb-sct.svg)}.fi-gb-wls{background-image:url(./flags/4x3/gb-wls.svg)}.fi-gb-wls.fis{background-image:url(./flags/1x1/gb-wls.svg)}.fi-ic{background-image:url(./flags/4x3/ic.svg)}.fi-ic.fis{background-image:url(./flags/1x1/ic.svg)}.fi-pc{background-image:url(./flags/4x3/pc.svg)}.fi-pc.fis{background-image:url(./flags/1x1/pc.svg)}.fi-sh-ac{background-image:url(./flags/4x3/sh-ac.svg)}.fi-sh-ac.fis{background-image:url(./flags/1x1/sh-ac.svg)}.fi-sh-hl{background-image:url(./flags/4x3/sh-hl.svg)}.fi-sh-hl.fis{background-image:url(./flags/1x1/sh-hl.svg)}.fi-sh-ta{background-image:url(./flags/4x3/sh-ta.svg)}.fi-sh-ta.fis{background-image:url(./flags/1x1/sh-ta.svg)}.fi-un{background-image:url(./flags/4x3/un.svg)}.fi-un.fis{background-image:url(./flags/1x1/un.svg)}.fi-xk{background-image:url(./flags/4x3/xk.svg)}.fi-xk.fis{background-image:url(./flags/1x1/xk.svg)}