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