@davi-ai/retorik-map 1.1.0 → 1.1.2

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
@@ -358,9 +358,12 @@
358
358
  opacity: 1;
359
359
  background: #fff no-repeat padding-box padding-box;
360
360
  border-radius: 70px;
361
+ justify-content: center;
362
+ align-items: center;
361
363
  width: 50px;
362
364
  height: 50px;
363
365
  margin-right: 10px;
366
+ display: flex;
364
367
  position: absolute;
365
368
  right: 1rem;
366
369
  }
@@ -383,14 +386,11 @@
383
386
  }
384
387
 
385
388
  #retorik-shadow .loader-container {
386
- background: #4747478c;
387
389
  justify-content: center;
388
390
  align-items: center;
389
- width: 100vw;
390
- height: 100vh;
391
+ width: 100%;
392
+ height: 100%;
391
393
  display: flex;
392
- position: absolute;
393
- top: 0;
394
394
  }
395
395
 
396
396
  #retorik-shadow .loader-container .loader {
@@ -714,9 +714,15 @@
714
714
  }
715
715
 
716
716
  #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
717
+ aspect-ratio: 1;
717
718
  border-radius: 50%;
718
719
  }
719
720
 
721
+ #retorik-shadow .filterContainer .filterMenu .filterCategory .imageFile {
722
+ width: 100%;
723
+ height: 100%;
724
+ }
725
+
720
726
  #retorik-shadow .filterContainer .filterMenu div:not(.selectedFilter) span {
721
727
  color: #575f6b;
722
728
  transition: all .5s;
@@ -864,9 +870,9 @@
864
870
 
865
871
  #retorik-shadow .filterContainer .filterMenu {
866
872
  white-space: nowrap;
873
+ height: 90px;
867
874
  width: unset;
868
875
  flex-flow: column wrap;
869
- height: 90px;
870
876
  display: flex;
871
877
  overflow-x: auto;
872
878
  }
@@ -1104,979 +1110,6 @@
1104
1110
  }
1105
1111
  }
1106
1112
 
1107
- #retorik-shadow html.ios {
1108
- --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
1109
- }
1110
-
1111
- #retorik-shadow html.md {
1112
- --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
1113
- }
1114
-
1115
- #retorik-shadow html {
1116
- --ion-font-family: var(--ion-default-font);
1117
- }
1118
-
1119
- #retorik-shadow body {
1120
- background: var(--ion-background-color);
1121
- }
1122
-
1123
- #retorik-shadow body.backdrop-no-scroll {
1124
- overflow: hidden;
1125
- }
1126
-
1127
- #retorik-shadow html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, #retorik-shadow html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, #retorik-shadow html.ios ion-modal ion-footer ion-toolbar:first-of-type {
1128
- padding-top: 6px;
1129
- }
1130
-
1131
- #retorik-shadow html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, #retorik-shadow html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
1132
- padding-bottom: 6px;
1133
- }
1134
-
1135
- #retorik-shadow html.ios ion-modal ion-toolbar {
1136
- padding-right: calc(var(--ion-safe-area-right) + 8px);
1137
- padding-left: calc(var(--ion-safe-area-left) + 8px);
1138
- }
1139
-
1140
- @media screen and (width >= 768px) {
1141
- #retorik-shadow html.ios ion-modal.modal-card:first-of-type {
1142
- --backdrop-opacity: .18;
1143
- }
1144
- }
1145
-
1146
- #retorik-shadow ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
1147
- --backdrop-opacity: 0;
1148
- --box-shadow: none;
1149
- }
1150
-
1151
- #retorik-shadow html.ios ion-modal.modal-card .ion-page {
1152
- border-top-left-radius: var(--border-radius);
1153
- }
1154
-
1155
- #retorik-shadow .ion-color-primary {
1156
- --ion-color-base: var(--ion-color-primary, #3880ff) !important;
1157
- --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
1158
- --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
1159
- --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
1160
- --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
1161
- --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
1162
- }
1163
-
1164
- #retorik-shadow .ion-color-secondary {
1165
- --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
1166
- --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
1167
- --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
1168
- --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
1169
- --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
1170
- --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
1171
- }
1172
-
1173
- #retorik-shadow .ion-color-tertiary {
1174
- --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
1175
- --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
1176
- --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
1177
- --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
1178
- --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
1179
- --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
1180
- }
1181
-
1182
- #retorik-shadow .ion-color-success {
1183
- --ion-color-base: var(--ion-color-success, #2dd36f) !important;
1184
- --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
1185
- --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
1186
- --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
1187
- --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
1188
- --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
1189
- }
1190
-
1191
- #retorik-shadow .ion-color-warning {
1192
- --ion-color-base: var(--ion-color-warning, #ffc409) !important;
1193
- --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
1194
- --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
1195
- --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
1196
- --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
1197
- --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
1198
- }
1199
-
1200
- #retorik-shadow .ion-color-danger {
1201
- --ion-color-base: var(--ion-color-danger, #eb445a) !important;
1202
- --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
1203
- --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
1204
- --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
1205
- --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
1206
- --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
1207
- }
1208
-
1209
- #retorik-shadow .ion-color-light {
1210
- --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
1211
- --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
1212
- --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
1213
- --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
1214
- --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
1215
- --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
1216
- }
1217
-
1218
- #retorik-shadow .ion-color-medium {
1219
- --ion-color-base: var(--ion-color-medium, #92949c) !important;
1220
- --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
1221
- --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
1222
- --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
1223
- --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
1224
- --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
1225
- }
1226
-
1227
- #retorik-shadow .ion-color-dark {
1228
- --ion-color-base: var(--ion-color-dark, #222428) !important;
1229
- --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
1230
- --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
1231
- --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
1232
- --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
1233
- --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
1234
- }
1235
-
1236
- #retorik-shadow .ion-page {
1237
- contain: layout size style;
1238
- z-index: 0;
1239
- flex-direction: column;
1240
- justify-content: space-between;
1241
- display: flex;
1242
- position: absolute;
1243
- inset: 0;
1244
- overflow: hidden;
1245
- }
1246
-
1247
- #retorik-shadow ion-modal > .ion-page {
1248
- contain: layout style;
1249
- height: 100%;
1250
- position: relative;
1251
- }
1252
-
1253
- #retorik-shadow .split-pane-visible > .ion-page.split-pane-main {
1254
- position: relative;
1255
- }
1256
-
1257
- #retorik-shadow ion-route, #retorik-shadow ion-route-redirect, #retorik-shadow ion-router, #retorik-shadow ion-select-option, #retorik-shadow ion-nav-controller, #retorik-shadow ion-menu-controller, #retorik-shadow ion-action-sheet-controller, #retorik-shadow ion-alert-controller, #retorik-shadow ion-loading-controller, #retorik-shadow ion-modal-controller, #retorik-shadow ion-picker-controller, #retorik-shadow ion-popover-controller, #retorik-shadow ion-toast-controller, #retorik-shadow .ion-page-hidden, #retorik-shadow [hidden] {
1258
- display: none !important;
1259
- }
1260
-
1261
- #retorik-shadow .ion-page-invisible {
1262
- opacity: 0;
1263
- }
1264
-
1265
- #retorik-shadow .can-go-back > ion-header ion-back-button {
1266
- display: block;
1267
- }
1268
-
1269
- #retorik-shadow html.plt-ios.plt-hybrid, #retorik-shadow html.plt-ios.plt-pwa {
1270
- --ion-statusbar-padding: 20px;
1271
- }
1272
-
1273
- @supports (padding-top: 20px) {
1274
- #retorik-shadow html {
1275
- --ion-safe-area-top: var(--ion-statusbar-padding);
1276
- }
1277
- }
1278
-
1279
- @supports (padding-top: constant(safe-area-inset-top)) {
1280
- #retorik-shadow html {
1281
- --ion-safe-area-top: constant(safe-area-inset-top);
1282
- --ion-safe-area-bottom: constant(safe-area-inset-bottom);
1283
- --ion-safe-area-left: constant(safe-area-inset-left);
1284
- --ion-safe-area-right: constant(safe-area-inset-right);
1285
- }
1286
- }
1287
-
1288
- @supports (padding-top: env(safe-area-inset-top)) {
1289
- #retorik-shadow html {
1290
- --ion-safe-area-top: env(safe-area-inset-top);
1291
- --ion-safe-area-bottom: env(safe-area-inset-bottom);
1292
- --ion-safe-area-left: env(safe-area-inset-left);
1293
- --ion-safe-area-right: env(safe-area-inset-right);
1294
- }
1295
- }
1296
-
1297
- #retorik-shadow ion-card.ion-color .ion-inherit-color, #retorik-shadow ion-card-header.ion-color .ion-inherit-color {
1298
- color: inherit;
1299
- }
1300
-
1301
- #retorik-shadow .menu-content {
1302
- transform: translate3d(0, 0, 0);
1303
- }
1304
-
1305
- #retorik-shadow .menu-content-open {
1306
- cursor: pointer;
1307
- touch-action: manipulation;
1308
- pointer-events: none;
1309
- }
1310
-
1311
- #retorik-shadow .ios .menu-content-reveal {
1312
- box-shadow: -8px 0 42px #00000014;
1313
- }
1314
-
1315
- #retorik-shadow [dir="rtl"].ios .menu-content-reveal {
1316
- box-shadow: 8px 0 42px #00000014;
1317
- }
1318
-
1319
- #retorik-shadow .md .menu-content-reveal, #retorik-shadow .md .menu-content-push {
1320
- box-shadow: 4px 0 16px #0000002e;
1321
- }
1322
-
1323
- #retorik-shadow ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
1324
- border-top-left-radius: 8px;
1325
- border-top-right-radius: 8px;
1326
- }
1327
-
1328
- #retorik-shadow ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
1329
- border-bottom-right-radius: 8px;
1330
- border-bottom-left-radius: 8px;
1331
- }
1332
-
1333
- #retorik-shadow ion-accordion-group > ion-accordion:last-of-type ion-item[slot="header"] {
1334
- --border-width: 0px;
1335
- }
1336
-
1337
- #retorik-shadow ion-accordion.accordion-animated > [slot="header"] .ion-accordion-toggle-icon {
1338
- transition: transform .3s cubic-bezier(.25, .8, .5, 1);
1339
- }
1340
-
1341
- @media (prefers-reduced-motion: reduce) {
1342
- #retorik-shadow ion-accordion .ion-accordion-toggle-icon {
1343
- transition: none !important;
1344
- }
1345
- }
1346
-
1347
- #retorik-shadow ion-accordion.accordion-expanding > [slot="header"] .ion-accordion-toggle-icon, #retorik-shadow ion-accordion.accordion-expanded > [slot="header"] .ion-accordion-toggle-icon {
1348
- transform: rotate(180deg);
1349
- }
1350
-
1351
- #retorik-shadow ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot="header"] {
1352
- --border-width: 0px;
1353
- --inner-border-width: 0px;
1354
- }
1355
-
1356
- #retorik-shadow ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, #retorik-shadow ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
1357
- margin-top: 0;
1358
- }
1359
-
1360
- #retorik-shadow ion-input input::-webkit-date-and-time-value {
1361
- text-align: start;
1362
- }
1363
-
1364
- #retorik-shadow .ion-datetime-button-overlay {
1365
- --width: fit-content;
1366
- --height: fit-content;
1367
- }
1368
-
1369
- #retorik-shadow .ion-datetime-button-overlay ion-datetime.datetime-grid {
1370
- width: 320px;
1371
- min-height: 320px;
1372
- }
1373
-
1374
- #retorik-shadow .ion-no-padding {
1375
- --padding-start: 0;
1376
- --padding-end: 0;
1377
- --padding-top: 0;
1378
- --padding-bottom: 0;
1379
- padding: 0;
1380
- }
1381
-
1382
- #retorik-shadow .ion-padding {
1383
- --padding-start: var(--ion-padding, 16px);
1384
- --padding-end: var(--ion-padding, 16px);
1385
- --padding-top: var(--ion-padding, 16px);
1386
- --padding-bottom: var(--ion-padding, 16px);
1387
- padding-left: 16px;
1388
- padding-left: var(--ion-padding, 16px);
1389
- padding-right: 16px;
1390
- padding-right: var(--ion-padding, 16px);
1391
- padding-top: 16px;
1392
- padding-top: var(--ion-padding, 16px);
1393
- padding-bottom: 16px;
1394
- padding-bottom: var(--ion-padding, 16px);
1395
- }
1396
-
1397
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1398
- #retorik-shadow .ion-padding {
1399
- padding-left: unset;
1400
- padding-right: unset;
1401
- -webkit-padding-start: 16px;
1402
- -webkit-padding-start: var(--ion-padding, 16px);
1403
- -webkit-padding-end: 16px;
1404
- -webkit-padding-end: var(--ion-padding, 16px);
1405
- padding-inline-start: 16px;
1406
- padding-inline-start: var(--ion-padding, 16px);
1407
- padding-inline-end: 16px;
1408
- padding-inline-end: var(--ion-padding, 16px);
1409
- }
1410
- }
1411
-
1412
- #retorik-shadow .ion-padding-top {
1413
- --padding-top: var(--ion-padding, 16px);
1414
- padding-top: 16px;
1415
- padding-top: var(--ion-padding, 16px);
1416
- }
1417
-
1418
- #retorik-shadow .ion-padding-start {
1419
- --padding-start: var(--ion-padding, 16px);
1420
- padding-left: 16px;
1421
- padding-left: var(--ion-padding, 16px);
1422
- }
1423
-
1424
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1425
- #retorik-shadow .ion-padding-start {
1426
- padding-left: unset;
1427
- -webkit-padding-start: 16px;
1428
- -webkit-padding-start: var(--ion-padding, 16px);
1429
- padding-inline-start: 16px;
1430
- padding-inline-start: var(--ion-padding, 16px);
1431
- }
1432
- }
1433
-
1434
- #retorik-shadow .ion-padding-end {
1435
- --padding-end: var(--ion-padding, 16px);
1436
- padding-right: 16px;
1437
- padding-right: var(--ion-padding, 16px);
1438
- }
1439
-
1440
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1441
- #retorik-shadow .ion-padding-end {
1442
- padding-right: unset;
1443
- -webkit-padding-end: 16px;
1444
- -webkit-padding-end: var(--ion-padding, 16px);
1445
- padding-inline-end: 16px;
1446
- padding-inline-end: var(--ion-padding, 16px);
1447
- }
1448
- }
1449
-
1450
- #retorik-shadow .ion-padding-bottom {
1451
- --padding-bottom: var(--ion-padding, 16px);
1452
- padding-bottom: 16px;
1453
- padding-bottom: var(--ion-padding, 16px);
1454
- }
1455
-
1456
- #retorik-shadow .ion-padding-vertical {
1457
- --padding-top: var(--ion-padding, 16px);
1458
- --padding-bottom: var(--ion-padding, 16px);
1459
- padding-top: 16px;
1460
- padding-top: var(--ion-padding, 16px);
1461
- padding-bottom: 16px;
1462
- padding-bottom: var(--ion-padding, 16px);
1463
- }
1464
-
1465
- #retorik-shadow .ion-padding-horizontal {
1466
- --padding-start: var(--ion-padding, 16px);
1467
- --padding-end: var(--ion-padding, 16px);
1468
- padding-left: 16px;
1469
- padding-left: var(--ion-padding, 16px);
1470
- padding-right: 16px;
1471
- padding-right: var(--ion-padding, 16px);
1472
- }
1473
-
1474
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1475
- #retorik-shadow .ion-padding-horizontal {
1476
- padding-left: unset;
1477
- padding-right: unset;
1478
- -webkit-padding-start: 16px;
1479
- -webkit-padding-start: var(--ion-padding, 16px);
1480
- -webkit-padding-end: 16px;
1481
- -webkit-padding-end: var(--ion-padding, 16px);
1482
- padding-inline-start: 16px;
1483
- padding-inline-start: var(--ion-padding, 16px);
1484
- padding-inline-end: 16px;
1485
- padding-inline-end: var(--ion-padding, 16px);
1486
- }
1487
- }
1488
-
1489
- #retorik-shadow .ion-no-margin {
1490
- --margin-start: 0;
1491
- --margin-end: 0;
1492
- --margin-top: 0;
1493
- --margin-bottom: 0;
1494
- margin: 0;
1495
- }
1496
-
1497
- #retorik-shadow .ion-margin {
1498
- --margin-start: var(--ion-margin, 16px);
1499
- --margin-end: var(--ion-margin, 16px);
1500
- --margin-top: var(--ion-margin, 16px);
1501
- --margin-bottom: var(--ion-margin, 16px);
1502
- margin-left: 16px;
1503
- margin-left: var(--ion-margin, 16px);
1504
- margin-right: 16px;
1505
- margin-right: var(--ion-margin, 16px);
1506
- margin-top: 16px;
1507
- margin-top: var(--ion-margin, 16px);
1508
- margin-bottom: 16px;
1509
- margin-bottom: var(--ion-margin, 16px);
1510
- }
1511
-
1512
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1513
- #retorik-shadow .ion-margin {
1514
- margin-left: unset;
1515
- margin-right: unset;
1516
- -webkit-margin-start: 16px;
1517
- -webkit-margin-start: var(--ion-margin, 16px);
1518
- -webkit-margin-end: 16px;
1519
- -webkit-margin-end: var(--ion-margin, 16px);
1520
- margin-inline-start: 16px;
1521
- margin-inline-start: var(--ion-margin, 16px);
1522
- margin-inline-end: 16px;
1523
- margin-inline-end: var(--ion-margin, 16px);
1524
- }
1525
- }
1526
-
1527
- #retorik-shadow .ion-margin-top {
1528
- --margin-top: var(--ion-margin, 16px);
1529
- margin-top: 16px;
1530
- margin-top: var(--ion-margin, 16px);
1531
- }
1532
-
1533
- #retorik-shadow .ion-margin-start {
1534
- --margin-start: var(--ion-margin, 16px);
1535
- margin-left: 16px;
1536
- margin-left: var(--ion-margin, 16px);
1537
- }
1538
-
1539
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1540
- #retorik-shadow .ion-margin-start {
1541
- margin-left: unset;
1542
- -webkit-margin-start: 16px;
1543
- -webkit-margin-start: var(--ion-margin, 16px);
1544
- margin-inline-start: 16px;
1545
- margin-inline-start: var(--ion-margin, 16px);
1546
- }
1547
- }
1548
-
1549
- #retorik-shadow .ion-margin-end {
1550
- --margin-end: var(--ion-margin, 16px);
1551
- margin-right: 16px;
1552
- margin-right: var(--ion-margin, 16px);
1553
- }
1554
-
1555
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1556
- #retorik-shadow .ion-margin-end {
1557
- margin-right: unset;
1558
- -webkit-margin-end: 16px;
1559
- -webkit-margin-end: var(--ion-margin, 16px);
1560
- margin-inline-end: 16px;
1561
- margin-inline-end: var(--ion-margin, 16px);
1562
- }
1563
- }
1564
-
1565
- #retorik-shadow .ion-margin-bottom {
1566
- --margin-bottom: var(--ion-margin, 16px);
1567
- margin-bottom: 16px;
1568
- margin-bottom: var(--ion-margin, 16px);
1569
- }
1570
-
1571
- #retorik-shadow .ion-margin-vertical {
1572
- --margin-top: var(--ion-margin, 16px);
1573
- --margin-bottom: var(--ion-margin, 16px);
1574
- margin-top: 16px;
1575
- margin-top: var(--ion-margin, 16px);
1576
- margin-bottom: 16px;
1577
- margin-bottom: var(--ion-margin, 16px);
1578
- }
1579
-
1580
- #retorik-shadow .ion-margin-horizontal {
1581
- --margin-start: var(--ion-margin, 16px);
1582
- --margin-end: var(--ion-margin, 16px);
1583
- margin-left: 16px;
1584
- margin-left: var(--ion-margin, 16px);
1585
- margin-right: 16px;
1586
- margin-right: var(--ion-margin, 16px);
1587
- }
1588
-
1589
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
1590
- #retorik-shadow .ion-margin-horizontal {
1591
- margin-left: unset;
1592
- margin-right: unset;
1593
- -webkit-margin-start: 16px;
1594
- -webkit-margin-start: var(--ion-margin, 16px);
1595
- -webkit-margin-end: 16px;
1596
- -webkit-margin-end: var(--ion-margin, 16px);
1597
- margin-inline-start: 16px;
1598
- margin-inline-start: var(--ion-margin, 16px);
1599
- margin-inline-end: 16px;
1600
- margin-inline-end: var(--ion-margin, 16px);
1601
- }
1602
- }
1603
-
1604
- #retorik-shadow .ion-float-left {
1605
- float: left !important;
1606
- }
1607
-
1608
- #retorik-shadow .ion-float-right {
1609
- float: right !important;
1610
- }
1611
-
1612
- #retorik-shadow .ion-float-start {
1613
- float: left !important;
1614
- }
1615
-
1616
- :is(#retorik-shadow [dir="rtl"] .ion-float-start, #retorik-shadow :host-context([dir=rtl]) .ion-float-start), #retorik-shadow .ion-float-end {
1617
- float: right !important;
1618
- }
1619
-
1620
- :is(#retorik-shadow [dir="rtl"] .ion-float-end, #retorik-shadow :host-context([dir=rtl]) .ion-float-end) {
1621
- float: left !important;
1622
- }
1623
-
1624
- @media (width >= 576px) {
1625
- #retorik-shadow .ion-float-sm-left {
1626
- float: left !important;
1627
- }
1628
-
1629
- #retorik-shadow .ion-float-sm-right {
1630
- float: right !important;
1631
- }
1632
-
1633
- #retorik-shadow .ion-float-sm-start {
1634
- float: left !important;
1635
- }
1636
-
1637
- :is(#retorik-shadow [dir="rtl"] .ion-float-sm-start, #retorik-shadow :host-context([dir=rtl]) .ion-float-sm-start), #retorik-shadow .ion-float-sm-end {
1638
- float: right !important;
1639
- }
1640
-
1641
- :is(#retorik-shadow [dir="rtl"] .ion-float-sm-end, #retorik-shadow :host-context([dir=rtl]) .ion-float-sm-end) {
1642
- float: left !important;
1643
- }
1644
- }
1645
-
1646
- @media (width >= 768px) {
1647
- #retorik-shadow .ion-float-md-left {
1648
- float: left !important;
1649
- }
1650
-
1651
- #retorik-shadow .ion-float-md-right {
1652
- float: right !important;
1653
- }
1654
-
1655
- #retorik-shadow .ion-float-md-start {
1656
- float: left !important;
1657
- }
1658
-
1659
- :is(#retorik-shadow [dir="rtl"] .ion-float-md-start, #retorik-shadow :host-context([dir=rtl]) .ion-float-md-start), #retorik-shadow .ion-float-md-end {
1660
- float: right !important;
1661
- }
1662
-
1663
- :is(#retorik-shadow [dir="rtl"] .ion-float-md-end, #retorik-shadow :host-context([dir=rtl]) .ion-float-md-end) {
1664
- float: left !important;
1665
- }
1666
- }
1667
-
1668
- @media (width >= 992px) {
1669
- #retorik-shadow .ion-float-lg-left {
1670
- float: left !important;
1671
- }
1672
-
1673
- #retorik-shadow .ion-float-lg-right {
1674
- float: right !important;
1675
- }
1676
-
1677
- #retorik-shadow .ion-float-lg-start {
1678
- float: left !important;
1679
- }
1680
-
1681
- :is(#retorik-shadow [dir="rtl"] .ion-float-lg-start, #retorik-shadow :host-context([dir=rtl]) .ion-float-lg-start), #retorik-shadow .ion-float-lg-end {
1682
- float: right !important;
1683
- }
1684
-
1685
- :is(#retorik-shadow [dir="rtl"] .ion-float-lg-end, #retorik-shadow :host-context([dir=rtl]) .ion-float-lg-end) {
1686
- float: left !important;
1687
- }
1688
- }
1689
-
1690
- @media (width >= 1200px) {
1691
- #retorik-shadow .ion-float-xl-left {
1692
- float: left !important;
1693
- }
1694
-
1695
- #retorik-shadow .ion-float-xl-right {
1696
- float: right !important;
1697
- }
1698
-
1699
- #retorik-shadow .ion-float-xl-start {
1700
- float: left !important;
1701
- }
1702
-
1703
- :is(#retorik-shadow [dir="rtl"] .ion-float-xl-start, #retorik-shadow :host-context([dir=rtl]) .ion-float-xl-start), #retorik-shadow .ion-float-xl-end {
1704
- float: right !important;
1705
- }
1706
-
1707
- :is(#retorik-shadow [dir="rtl"] .ion-float-xl-end, #retorik-shadow :host-context([dir=rtl]) .ion-float-xl-end) {
1708
- float: left !important;
1709
- }
1710
- }
1711
-
1712
- #retorik-shadow .ion-text-center {
1713
- text-align: center !important;
1714
- }
1715
-
1716
- #retorik-shadow .ion-text-justify {
1717
- text-align: justify !important;
1718
- }
1719
-
1720
- #retorik-shadow .ion-text-start {
1721
- text-align: start !important;
1722
- }
1723
-
1724
- #retorik-shadow .ion-text-end {
1725
- text-align: end !important;
1726
- }
1727
-
1728
- #retorik-shadow .ion-text-left {
1729
- text-align: left !important;
1730
- }
1731
-
1732
- #retorik-shadow .ion-text-right {
1733
- text-align: right !important;
1734
- }
1735
-
1736
- #retorik-shadow .ion-text-nowrap {
1737
- white-space: nowrap !important;
1738
- }
1739
-
1740
- #retorik-shadow .ion-text-wrap {
1741
- white-space: normal !important;
1742
- }
1743
-
1744
- @media (width >= 576px) {
1745
- #retorik-shadow .ion-text-sm-center {
1746
- text-align: center !important;
1747
- }
1748
-
1749
- #retorik-shadow .ion-text-sm-justify {
1750
- text-align: justify !important;
1751
- }
1752
-
1753
- #retorik-shadow .ion-text-sm-start {
1754
- text-align: start !important;
1755
- }
1756
-
1757
- #retorik-shadow .ion-text-sm-end {
1758
- text-align: end !important;
1759
- }
1760
-
1761
- #retorik-shadow .ion-text-sm-left {
1762
- text-align: left !important;
1763
- }
1764
-
1765
- #retorik-shadow .ion-text-sm-right {
1766
- text-align: right !important;
1767
- }
1768
-
1769
- #retorik-shadow .ion-text-sm-nowrap {
1770
- white-space: nowrap !important;
1771
- }
1772
-
1773
- #retorik-shadow .ion-text-sm-wrap {
1774
- white-space: normal !important;
1775
- }
1776
- }
1777
-
1778
- @media (width >= 768px) {
1779
- #retorik-shadow .ion-text-md-center {
1780
- text-align: center !important;
1781
- }
1782
-
1783
- #retorik-shadow .ion-text-md-justify {
1784
- text-align: justify !important;
1785
- }
1786
-
1787
- #retorik-shadow .ion-text-md-start {
1788
- text-align: start !important;
1789
- }
1790
-
1791
- #retorik-shadow .ion-text-md-end {
1792
- text-align: end !important;
1793
- }
1794
-
1795
- #retorik-shadow .ion-text-md-left {
1796
- text-align: left !important;
1797
- }
1798
-
1799
- #retorik-shadow .ion-text-md-right {
1800
- text-align: right !important;
1801
- }
1802
-
1803
- #retorik-shadow .ion-text-md-nowrap {
1804
- white-space: nowrap !important;
1805
- }
1806
-
1807
- #retorik-shadow .ion-text-md-wrap {
1808
- white-space: normal !important;
1809
- }
1810
- }
1811
-
1812
- @media (width >= 992px) {
1813
- #retorik-shadow .ion-text-lg-center {
1814
- text-align: center !important;
1815
- }
1816
-
1817
- #retorik-shadow .ion-text-lg-justify {
1818
- text-align: justify !important;
1819
- }
1820
-
1821
- #retorik-shadow .ion-text-lg-start {
1822
- text-align: start !important;
1823
- }
1824
-
1825
- #retorik-shadow .ion-text-lg-end {
1826
- text-align: end !important;
1827
- }
1828
-
1829
- #retorik-shadow .ion-text-lg-left {
1830
- text-align: left !important;
1831
- }
1832
-
1833
- #retorik-shadow .ion-text-lg-right {
1834
- text-align: right !important;
1835
- }
1836
-
1837
- #retorik-shadow .ion-text-lg-nowrap {
1838
- white-space: nowrap !important;
1839
- }
1840
-
1841
- #retorik-shadow .ion-text-lg-wrap {
1842
- white-space: normal !important;
1843
- }
1844
- }
1845
-
1846
- @media (width >= 1200px) {
1847
- #retorik-shadow .ion-text-xl-center {
1848
- text-align: center !important;
1849
- }
1850
-
1851
- #retorik-shadow .ion-text-xl-justify {
1852
- text-align: justify !important;
1853
- }
1854
-
1855
- #retorik-shadow .ion-text-xl-start {
1856
- text-align: start !important;
1857
- }
1858
-
1859
- #retorik-shadow .ion-text-xl-end {
1860
- text-align: end !important;
1861
- }
1862
-
1863
- #retorik-shadow .ion-text-xl-left {
1864
- text-align: left !important;
1865
- }
1866
-
1867
- #retorik-shadow .ion-text-xl-right {
1868
- text-align: right !important;
1869
- }
1870
-
1871
- #retorik-shadow .ion-text-xl-nowrap {
1872
- white-space: nowrap !important;
1873
- }
1874
-
1875
- #retorik-shadow .ion-text-xl-wrap {
1876
- white-space: normal !important;
1877
- }
1878
- }
1879
-
1880
- #retorik-shadow .ion-text-uppercase {
1881
- text-transform: uppercase !important;
1882
- }
1883
-
1884
- #retorik-shadow .ion-text-lowercase {
1885
- text-transform: lowercase !important;
1886
- }
1887
-
1888
- #retorik-shadow .ion-text-capitalize {
1889
- text-transform: capitalize !important;
1890
- }
1891
-
1892
- @media (width >= 576px) {
1893
- #retorik-shadow .ion-text-sm-uppercase {
1894
- text-transform: uppercase !important;
1895
- }
1896
-
1897
- #retorik-shadow .ion-text-sm-lowercase {
1898
- text-transform: lowercase !important;
1899
- }
1900
-
1901
- #retorik-shadow .ion-text-sm-capitalize {
1902
- text-transform: capitalize !important;
1903
- }
1904
- }
1905
-
1906
- @media (width >= 768px) {
1907
- #retorik-shadow .ion-text-md-uppercase {
1908
- text-transform: uppercase !important;
1909
- }
1910
-
1911
- #retorik-shadow .ion-text-md-lowercase {
1912
- text-transform: lowercase !important;
1913
- }
1914
-
1915
- #retorik-shadow .ion-text-md-capitalize {
1916
- text-transform: capitalize !important;
1917
- }
1918
- }
1919
-
1920
- @media (width >= 992px) {
1921
- #retorik-shadow .ion-text-lg-uppercase {
1922
- text-transform: uppercase !important;
1923
- }
1924
-
1925
- #retorik-shadow .ion-text-lg-lowercase {
1926
- text-transform: lowercase !important;
1927
- }
1928
-
1929
- #retorik-shadow .ion-text-lg-capitalize {
1930
- text-transform: capitalize !important;
1931
- }
1932
- }
1933
-
1934
- @media (width >= 1200px) {
1935
- #retorik-shadow .ion-text-xl-uppercase {
1936
- text-transform: uppercase !important;
1937
- }
1938
-
1939
- #retorik-shadow .ion-text-xl-lowercase {
1940
- text-transform: lowercase !important;
1941
- }
1942
-
1943
- #retorik-shadow .ion-text-xl-capitalize {
1944
- text-transform: capitalize !important;
1945
- }
1946
- }
1947
-
1948
- #retorik-shadow .ion-align-self-start {
1949
- align-self: flex-start !important;
1950
- }
1951
-
1952
- #retorik-shadow .ion-align-self-end {
1953
- align-self: flex-end !important;
1954
- }
1955
-
1956
- #retorik-shadow .ion-align-self-center {
1957
- align-self: center !important;
1958
- }
1959
-
1960
- #retorik-shadow .ion-align-self-stretch {
1961
- align-self: stretch !important;
1962
- }
1963
-
1964
- #retorik-shadow .ion-align-self-baseline {
1965
- align-self: baseline !important;
1966
- }
1967
-
1968
- #retorik-shadow .ion-align-self-auto {
1969
- align-self: auto !important;
1970
- }
1971
-
1972
- #retorik-shadow .ion-wrap {
1973
- flex-wrap: wrap !important;
1974
- }
1975
-
1976
- #retorik-shadow .ion-nowrap {
1977
- flex-wrap: nowrap !important;
1978
- }
1979
-
1980
- #retorik-shadow .ion-wrap-reverse {
1981
- flex-wrap: wrap-reverse !important;
1982
- }
1983
-
1984
- #retorik-shadow .ion-justify-content-start {
1985
- justify-content: flex-start !important;
1986
- }
1987
-
1988
- #retorik-shadow .ion-justify-content-center {
1989
- justify-content: center !important;
1990
- }
1991
-
1992
- #retorik-shadow .ion-justify-content-end {
1993
- justify-content: flex-end !important;
1994
- }
1995
-
1996
- #retorik-shadow .ion-justify-content-around {
1997
- justify-content: space-around !important;
1998
- }
1999
-
2000
- #retorik-shadow .ion-justify-content-between {
2001
- justify-content: space-between !important;
2002
- }
2003
-
2004
- #retorik-shadow .ion-justify-content-evenly {
2005
- justify-content: space-evenly !important;
2006
- }
2007
-
2008
- #retorik-shadow .ion-align-items-start {
2009
- align-items: flex-start !important;
2010
- }
2011
-
2012
- #retorik-shadow .ion-align-items-center {
2013
- align-items: center !important;
2014
- }
2015
-
2016
- #retorik-shadow .ion-align-items-end {
2017
- align-items: flex-end !important;
2018
- }
2019
-
2020
- #retorik-shadow .ion-align-items-stretch {
2021
- align-items: stretch !important;
2022
- }
2023
-
2024
- #retorik-shadow .ion-align-items-baseline {
2025
- align-items: baseline !important;
2026
- }
2027
-
2028
- #retorik-shadow .ion-hide, #retorik-shadow .ion-hide-up, #retorik-shadow .ion-hide-down {
2029
- display: none !important;
2030
- }
2031
-
2032
- @media (width >= 576px) {
2033
- #retorik-shadow .ion-hide-sm-up {
2034
- display: none !important;
2035
- }
2036
- }
2037
-
2038
- @media (width <= 575.98px) {
2039
- #retorik-shadow .ion-hide-sm-down {
2040
- display: none !important;
2041
- }
2042
- }
2043
-
2044
- @media (width >= 768px) {
2045
- #retorik-shadow .ion-hide-md-up {
2046
- display: none !important;
2047
- }
2048
- }
2049
-
2050
- @media (width <= 767.98px) {
2051
- #retorik-shadow .ion-hide-md-down {
2052
- display: none !important;
2053
- }
2054
- }
2055
-
2056
- @media (width >= 992px) {
2057
- #retorik-shadow .ion-hide-lg-up {
2058
- display: none !important;
2059
- }
2060
- }
2061
-
2062
- @media (width <= 991.98px) {
2063
- #retorik-shadow .ion-hide-lg-down {
2064
- display: none !important;
2065
- }
2066
- }
2067
-
2068
- @media (width >= 1200px) {
2069
- #retorik-shadow .ion-hide-xl-up {
2070
- display: none !important;
2071
- }
2072
- }
2073
-
2074
- @media (width <= 1199.98px) {
2075
- #retorik-shadow .ion-hide-xl-down {
2076
- display: none !important;
2077
- }
2078
- }
2079
-
2080
1113
  #retorik-shadow ion-button.confirm {
2081
1114
  background-color: #1999b1;
2082
1115
  }
@@ -2092,16 +1125,6 @@
2092
1125
  --background: #4747478c;
2093
1126
  }
2094
1127
 
2095
- #retorik-shadow .modal-question {
2096
- font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 18px / 23px var(--unnamed-font-family-helvetica-neue);
2097
- letter-spacing: var(--unnamed-character-spacing-0);
2098
- color: #000;
2099
- letter-spacing: 0;
2100
- opacity: 1;
2101
- width: 100%;
2102
- padding: 10px;
2103
- }
2104
-
2105
1128
  #retorik-shadow ion-modal {
2106
1129
  text-align: center;
2107
1130
  --width: 100%;