pxt-microbit 4.1.13 → 4.1.16
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/built/hexcache/{10b89901ceecd59577303c0e0f3edd3d8c39a91e6a66c8e2150d45d1a17ff4d5.hex → 38f5afc7bfbf3b7025f36f6387d636994b161ec828b5f14d7de5ab4cd1cc33fd.hex} +7593 -7591
- package/built/hexcache/{1961e178039bfaea0cab6bff3ec56cee9848056c5c95032197462fcac592c6b6.hex → 5baf884ee3e3fc309ebe20fbf09f5de9780cf9183a1da685e3688194d4074c11.hex} +10760 -10754
- package/built/hexcache/becf72e02ed99aecb1bc9054dce656fb3379778d5ec7f16a4715d4addf05f02c.hex +20253 -0
- package/built/hexcache/f90d36a5042a5d2c5770f6f83317c0a89c8141ad426d5da91dea991b5516e699.hex +14853 -0
- package/built/sim.d.ts +2 -0
- package/built/sim.js +35 -2
- package/built/target.js +157 -41
- package/built/target.json +157 -41
- package/built/targetlight.json +6 -6
- package/built/web/react-common-authcode.css +207 -5
- package/built/web/react-common-skillmap.css +1 -1
- package/built/web/rtlreact-common-skillmap.css +1 -1
- package/built/web/rtlsemantic.css +1 -1
- package/built/web/semantic.css +1 -1
- package/package.json +3 -3
- package/pxtarget.json +1 -1
- package/built/hexcache/29660f89c4dc9eaa33a4f1a687576da4d4b40b4a5b16664dd35f9b6f4fadb5cc.hex +0 -14849
- package/built/hexcache/834bc33478f017bbd2a17cbc1d0e76d0b2617aef9be442ad8884e5573519bb7c.hex +0 -20247
package/built/targetlight.json
CHANGED
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
"codalTarget": {
|
|
158
158
|
"name": "codal-microbit-v2",
|
|
159
159
|
"url": "https://github.com/lancaster-university/codal-microbit-v2",
|
|
160
|
-
"branch": "v0.2.
|
|
160
|
+
"branch": "v0.2.35",
|
|
161
161
|
"type": "git"
|
|
162
162
|
},
|
|
163
163
|
"codalBinary": "MICROBIT",
|
|
@@ -355,11 +355,11 @@
|
|
|
355
355
|
},
|
|
356
356
|
"uploadDocs": true,
|
|
357
357
|
"versions": {
|
|
358
|
-
"branch": "v4.1.
|
|
359
|
-
"tag": "v4.1.
|
|
360
|
-
"commits": "https://github.com/microsoft/pxt-microbit/commits/
|
|
361
|
-
"target": "4.1.
|
|
362
|
-
"pxt": "7.5.
|
|
358
|
+
"branch": "v4.1.16",
|
|
359
|
+
"tag": "v4.1.16",
|
|
360
|
+
"commits": "https://github.com/microsoft/pxt-microbit/commits/7f903f50df06110656d628973e82e71e16a1ee51",
|
|
361
|
+
"target": "4.1.16",
|
|
362
|
+
"pxt": "7.5.7"
|
|
363
363
|
},
|
|
364
364
|
"blocksprj": {
|
|
365
365
|
"id": "blocksprj",
|
|
@@ -655,6 +655,103 @@
|
|
|
655
655
|
grid-auto-rows: 12rem;
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
|
+
.sharedialog.fullscreen.common-modal-container > .common-modal > .common-modal-body {
|
|
659
|
+
padding: 0;
|
|
660
|
+
}
|
|
661
|
+
.project-share {
|
|
662
|
+
display: flex;
|
|
663
|
+
height: 100%;
|
|
664
|
+
}
|
|
665
|
+
.project-share-simulator {
|
|
666
|
+
flex: 1;
|
|
667
|
+
height: 100%;
|
|
668
|
+
background-color: #FDFDFF;
|
|
669
|
+
}
|
|
670
|
+
.project-share-simulator #shareLoanedSimulator {
|
|
671
|
+
position: relative;
|
|
672
|
+
top: 50%;
|
|
673
|
+
transform: translateY(-50%);
|
|
674
|
+
}
|
|
675
|
+
.project-share-simulator .simframe {
|
|
676
|
+
padding-bottom: 56.25% !important;
|
|
677
|
+
}
|
|
678
|
+
.project-share-info {
|
|
679
|
+
display: flex;
|
|
680
|
+
flex-direction: column;
|
|
681
|
+
justify-content: center;
|
|
682
|
+
flex: 1;
|
|
683
|
+
}
|
|
684
|
+
.project-share-info > div {
|
|
685
|
+
margin-bottom: 1rem;
|
|
686
|
+
flex-shrink: 0;
|
|
687
|
+
}
|
|
688
|
+
.project-share-title {
|
|
689
|
+
display: flex;
|
|
690
|
+
}
|
|
691
|
+
.project-share-title h2 {
|
|
692
|
+
flex: 1;
|
|
693
|
+
margin: 0;
|
|
694
|
+
}
|
|
695
|
+
#project-share-dropdown {
|
|
696
|
+
color: #6633cc;
|
|
697
|
+
}
|
|
698
|
+
.project-share-thumbnail {
|
|
699
|
+
display: flex;
|
|
700
|
+
flex-direction: column;
|
|
701
|
+
}
|
|
702
|
+
.project-share-thumbnail .project-thumbnail-placeholder,
|
|
703
|
+
.project-share-thumbnail img {
|
|
704
|
+
margin: 0.3rem 0;
|
|
705
|
+
width: 15rem;
|
|
706
|
+
height: 11.25rem;
|
|
707
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
708
|
+
}
|
|
709
|
+
.fullscreen .project-share > div {
|
|
710
|
+
padding: 2rem;
|
|
711
|
+
}
|
|
712
|
+
.fullscreen .project-share-info {
|
|
713
|
+
flex: unset;
|
|
714
|
+
width: 28rem;
|
|
715
|
+
}
|
|
716
|
+
.project-share-actions {
|
|
717
|
+
display: flex;
|
|
718
|
+
}
|
|
719
|
+
.project-share-actions .share-button {
|
|
720
|
+
width: 3rem;
|
|
721
|
+
padding: 1rem 0.75rem;
|
|
722
|
+
}
|
|
723
|
+
.project-share-actions .share-button i {
|
|
724
|
+
margin: 0;
|
|
725
|
+
}
|
|
726
|
+
.gif-recorder {
|
|
727
|
+
position: absolute;
|
|
728
|
+
display: flex;
|
|
729
|
+
flex-direction: column;
|
|
730
|
+
align-items: center;
|
|
731
|
+
bottom: 0;
|
|
732
|
+
left: calc((100vw - 25rem)/2);
|
|
733
|
+
padding: 1rem;
|
|
734
|
+
transform: translateX(-50%);
|
|
735
|
+
background: #FFFFFF;
|
|
736
|
+
border: #3891A6;
|
|
737
|
+
border-radius: 0.2rem;
|
|
738
|
+
font-family: "Segoe UI", Tahoma, Geneva, Verdana;
|
|
739
|
+
}
|
|
740
|
+
.gif-recorder-label,
|
|
741
|
+
.thumbnail-label {
|
|
742
|
+
margin-bottom: 0.5rem;
|
|
743
|
+
font-family: "Segoe UI", Tahoma, Geneva, Verdana;
|
|
744
|
+
}
|
|
745
|
+
.gif-recorder-actions {
|
|
746
|
+
display: flex;
|
|
747
|
+
}
|
|
748
|
+
.thumbnail-image,
|
|
749
|
+
.thumbnail-placeholder {
|
|
750
|
+
display: flex;
|
|
751
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
752
|
+
width: 24.5rem;
|
|
753
|
+
height: 18.375rem;
|
|
754
|
+
}
|
|
658
755
|
.common-button {
|
|
659
756
|
cursor: pointer;
|
|
660
757
|
position: relative;
|
|
@@ -854,6 +951,9 @@
|
|
|
854
951
|
.high-contrast .common-checkbox:focus-within {
|
|
855
952
|
outline: 2px solid #ffff00;
|
|
856
953
|
}
|
|
954
|
+
.common-editor-toggle-outer {
|
|
955
|
+
position: relative;
|
|
956
|
+
}
|
|
857
957
|
.common-editor-toggle {
|
|
858
958
|
position: relative;
|
|
859
959
|
border-radius: 0.2rem;
|
|
@@ -990,6 +1090,35 @@
|
|
|
990
1090
|
.common-editor-toggle.has-dropdown .common-editor-toggle-item + .common-editor-toggle-item.common-editor-toggle-item-dropdown + .common-editor-toggle-item.selected ~ .common-editor-toggle-handle {
|
|
991
1091
|
margin-left: 70%;
|
|
992
1092
|
}
|
|
1093
|
+
/*****************************************************
|
|
1094
|
+
* Accessibility Menu *
|
|
1095
|
+
****************************************************/
|
|
1096
|
+
.common-toggle-accessibility {
|
|
1097
|
+
position: absolute;
|
|
1098
|
+
z-index: 2;
|
|
1099
|
+
width: 0px;
|
|
1100
|
+
height: 0px;
|
|
1101
|
+
left: 0;
|
|
1102
|
+
background: white;
|
|
1103
|
+
}
|
|
1104
|
+
.common-toggle-accessibility .common-button {
|
|
1105
|
+
width: 0px;
|
|
1106
|
+
height: 0px;
|
|
1107
|
+
min-height: 0px;
|
|
1108
|
+
overflow: hidden;
|
|
1109
|
+
padding: 0;
|
|
1110
|
+
position: absolute;
|
|
1111
|
+
top: 0;
|
|
1112
|
+
left: 0;
|
|
1113
|
+
}
|
|
1114
|
+
.common-toggle-accessibility .common-button:focus {
|
|
1115
|
+
width: 100%;
|
|
1116
|
+
height: 100%;
|
|
1117
|
+
}
|
|
1118
|
+
.common-toggle-accessibility:focus-within {
|
|
1119
|
+
width: 100%;
|
|
1120
|
+
height: 100%;
|
|
1121
|
+
}
|
|
993
1122
|
/*****************************************************
|
|
994
1123
|
* Tablet View *
|
|
995
1124
|
****************************************************/
|
|
@@ -1279,11 +1408,11 @@ i.fas.large {
|
|
|
1279
1408
|
left: 0;
|
|
1280
1409
|
right: 0;
|
|
1281
1410
|
bottom: 0;
|
|
1282
|
-
background-color:
|
|
1411
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
1283
1412
|
z-index: 1000;
|
|
1284
1413
|
}
|
|
1285
1414
|
.common-modal-container.fullscreen {
|
|
1286
|
-
z-index:
|
|
1415
|
+
z-index: 1000;
|
|
1287
1416
|
}
|
|
1288
1417
|
.common-modal {
|
|
1289
1418
|
width: 50%;
|
|
@@ -1309,7 +1438,7 @@ i.fas.large {
|
|
|
1309
1438
|
color: #333333;
|
|
1310
1439
|
}
|
|
1311
1440
|
.common-modal-body {
|
|
1312
|
-
background-color: #
|
|
1441
|
+
background-color: #fff;
|
|
1313
1442
|
min-height: 4rem;
|
|
1314
1443
|
padding: 1.25rem 1.5rem;
|
|
1315
1444
|
}
|
|
@@ -1338,7 +1467,7 @@ i.fas.large {
|
|
|
1338
1467
|
flex-direction: column;
|
|
1339
1468
|
}
|
|
1340
1469
|
.fullscreen > .common-modal > .common-modal-header {
|
|
1341
|
-
background-color:
|
|
1470
|
+
background-color: #6633cc;
|
|
1342
1471
|
color: white;
|
|
1343
1472
|
margin-bottom: 0;
|
|
1344
1473
|
}
|
|
@@ -1353,7 +1482,7 @@ i.fas.large {
|
|
|
1353
1482
|
}
|
|
1354
1483
|
.fullscreen > .common-modal > .common-modal-body {
|
|
1355
1484
|
flex-grow: 1;
|
|
1356
|
-
background-color:
|
|
1485
|
+
background-color: #ecf0f1;
|
|
1357
1486
|
padding: 1rem;
|
|
1358
1487
|
max-height: unset;
|
|
1359
1488
|
}
|
|
@@ -1412,6 +1541,76 @@ i.fas.large {
|
|
|
1412
1541
|
transform: rotate(360deg);
|
|
1413
1542
|
}
|
|
1414
1543
|
}
|
|
1544
|
+
/****************************************************
|
|
1545
|
+
* Textarea *
|
|
1546
|
+
****************************************************/
|
|
1547
|
+
.common-textarea-group {
|
|
1548
|
+
position: relative;
|
|
1549
|
+
display: flex;
|
|
1550
|
+
align-items: stretch;
|
|
1551
|
+
border-radius: 2px;
|
|
1552
|
+
border: 1px solid #605e5c;
|
|
1553
|
+
background: #ffffff;
|
|
1554
|
+
}
|
|
1555
|
+
.common-textarea-group:focus::after,
|
|
1556
|
+
.common-textarea-group:focus-within::after {
|
|
1557
|
+
content: "";
|
|
1558
|
+
position: absolute;
|
|
1559
|
+
inset: -1px;
|
|
1560
|
+
border: 2px solid #0078d4;
|
|
1561
|
+
border-radius: 2px;
|
|
1562
|
+
pointer-events: none;
|
|
1563
|
+
}
|
|
1564
|
+
.common-textarea {
|
|
1565
|
+
width: 100%;
|
|
1566
|
+
min-width: 0;
|
|
1567
|
+
padding: 0.5rem;
|
|
1568
|
+
color: #323130;
|
|
1569
|
+
border: none;
|
|
1570
|
+
outline: 0;
|
|
1571
|
+
background: none transparent;
|
|
1572
|
+
text-overflow: ellipsis;
|
|
1573
|
+
resize: none;
|
|
1574
|
+
}
|
|
1575
|
+
.common-textarea.resize-both {
|
|
1576
|
+
resize: both;
|
|
1577
|
+
}
|
|
1578
|
+
.common-textarea.resize-horizontal {
|
|
1579
|
+
resize: horizontal;
|
|
1580
|
+
}
|
|
1581
|
+
.common-textarea.resize-vertical {
|
|
1582
|
+
resize: vertical;
|
|
1583
|
+
}
|
|
1584
|
+
/****************************************************
|
|
1585
|
+
* Textarea Label *
|
|
1586
|
+
****************************************************/
|
|
1587
|
+
.common-textarea-label {
|
|
1588
|
+
display: block;
|
|
1589
|
+
font-size: 14px;
|
|
1590
|
+
font-weight: 600;
|
|
1591
|
+
padding: 0.3rem 0;
|
|
1592
|
+
overflow-wrap: break-word;
|
|
1593
|
+
}
|
|
1594
|
+
/****************************************************
|
|
1595
|
+
* Disabled Textarea *
|
|
1596
|
+
****************************************************/
|
|
1597
|
+
.common-textarea-wrapper.disabled .common-textarea-group {
|
|
1598
|
+
cursor: default;
|
|
1599
|
+
border: 1px solid #f3f2f1;
|
|
1600
|
+
background: #f3f2f1;
|
|
1601
|
+
}
|
|
1602
|
+
/****************************************************
|
|
1603
|
+
* High Contrast *
|
|
1604
|
+
****************************************************/
|
|
1605
|
+
.high-contrast .common-textarea {
|
|
1606
|
+
color: #ffffff;
|
|
1607
|
+
border-color: #ffffff;
|
|
1608
|
+
background-color: #000000;
|
|
1609
|
+
}
|
|
1610
|
+
.high-contrast .common-textarea-group:focus::after,
|
|
1611
|
+
.high-contrast .common-textarea-group:focus-within::after {
|
|
1612
|
+
border-color: #ffff00;
|
|
1613
|
+
}
|
|
1415
1614
|
/****************************************************
|
|
1416
1615
|
* Buttons *
|
|
1417
1616
|
****************************************************/
|
|
@@ -1427,6 +1626,9 @@ i.fas.large {
|
|
|
1427
1626
|
/****************************************************
|
|
1428
1627
|
* Inputs *
|
|
1429
1628
|
****************************************************/
|
|
1629
|
+
/****************************************************
|
|
1630
|
+
* Textarea *
|
|
1631
|
+
****************************************************/
|
|
1430
1632
|
/****************************************************
|
|
1431
1633
|
* EditorToggle *
|
|
1432
1634
|
****************************************************/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.user-profile{display:flex;flex-direction:row;height:100%;--header-text-color:#000;--profile-portrait-border-color:#fff;--profile-username-color:#999;--background-color:#fef3e0;--avatar-initials-background-color:#028b9b;--avatar-initials-text-color:#fff;--user-pane-border-color:#e4dbca;--notification-background-color:#fff;--notification-icon-background-color:#fff;--notification-icon-color:#000;--badge-list-subtitle-color:#aba9a5;--body-font-family:"Share Tech Mono",Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace}.profile-user-pane{display:flex;flex-direction:column;width:25%;padding:1rem;border-right:1px solid var(--user-pane-border-color);height:100%;min-width:20rem}.profile-portrait{border-radius:50%;overflow:hidden;height:12rem;width:12rem;position:relative;border:2px solid var(--profile-portrait-border-color);align-self:center;margin-bottom:1.5rem}.profile-portrait img{width:110%;height:110%;position:absolute;left:-5%;top:-5%}.profile-user-details{text-align:center;margin-bottom:3rem}.profile-display-name{font-size:1.5rem;color:var(--header-text-color);text-transform:uppercase;font-weight:900;margin-bottom:.5rem}.profile-username{font-size:1rem;color:var(--profile-username-color)}.profile-spacer{flex-grow:1}.profile-email{display:flex;padding-bottom:1rem}.profile-email .checkbox{cursor:pointer;padding-right:1rem}.profile-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.profile-actions a{flex-grow:1;font-size:14px}.profile-actions .ui.button{width:50%}.profile-actions .ui.button i.icon{margin-right:1.5rem!important}.profile-notification{width:100%;border:1px solid #000;position:relative;border-radius:1rem;padding:2rem 1rem 1rem;background:var(--notification-background-color);display:flex;flex-direction:column}.profile-notification .profile-notification-title{font-weight:900;text-align:center;margin-bottom:1rem}.profile-notification .profile-notification-message{margin-bottom:1rem}.profile-notification .profile-notification-icon{width:3.25rem;height:3.25rem;border:1px solid #000;border-radius:50%;position:absolute;top:-1.625rem;left:calc(50% - 1.625rem);color:var(--notification-icon-color);background:var(--notification-icon-background-color)}.profile-notification .profile-notification-icon i.circular.icon{box-shadow:none}.profile-badge-subtitle{font-style:italic;color:var(--badge-list-subtitle-color)}.profile-badge-list{flex-grow:1;height:100%;display:flex;flex-direction:column;padding:1rem}.profile-badges-scroller{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.profile-badges,.profile-badges-background{background-repeat:repeat;min-height:100%;background-size:20%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:12rem;align-items:center}.profile-badges-background{z-index:-1}.profile-badges-background .profile-badge,.profile-badges .profile-badge{position:relative;aspect-ratio:1;background-color:var(--background-color)}.profile-badges-background .profile-badge img,.profile-badges .profile-badge img{height:100%;width:100%;display:inline;position:absolute;object-fit:contain}.profile-badge.disabled i.ui.icon{line-height:1;vertical-align:middle;font-size:4em;width:100%;z-index:1;position:absolute}.placeholder-badge{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3' opacity='.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:.3;aspect-ratio:1}.profile-badges-background-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.profile-badge-title{text-transform:uppercase;font-weight:900;font-size:1.5rem;margin-right:1rem;color:var(--header-text-color)}.profile-badge-header{margin-left:1rem;margin-bottom:1rem}.profile-badge-info-item{margin-top:1rem;display:flex}.profile-badge-info-header{text-transform:uppercase;font-weight:900;width:20%;color:var(--header-text-color)}.profile-badge-info-image .profile-badge{text-align:center}.profile-badge-info-image .profile-badge img{display:inline;height:15rem;object-fit:contain}.profile-badge{display:flex;flex-direction:column;justify-content:center;align-content:center;position:relative;height:100%}.profile-badge.clickable{cursor:pointer}.profile-badge-and-title{display:flex;flex-direction:column;max-height:100%;height:100%;background-color:var(--background-color);z-index:2;overflow:hidden}.profile-badge-and-title .profile-badge{margin-bottom:1rem;flex-shrink:1000}.profile-badge-name{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-right:0;text-align:center;color:var(--header-text-color);overflow:hidden}.profile-initials-portrait{font-size:8rem;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-background-color)}.ui.icon.button.sign-out{font-family:var(--body-font-family)}.common-checkbox.loading input{opacity:0}.common-checkbox.loading .common-spinner{display:inline-block;position:absolute;left:0}.high-contrast .profile-badge-and-title,.high-contrast .profile-badge-subtitle,.high-contrast .profile-badges-background .profile-badge,.high-contrast .profile-badges .profile-badge,.high-contrast .profile-initials-portrait,.high-contrast .profile-username{color:#fff;background-color:#000}.high-contrast .profile-badge.clickable:hover{outline:2px solid #ff0}@media only screen and (max-width:1199px){.profile-badges,.profile-badges-background{background-size:25%;grid-template-columns:repeat(4,1fr);grid-auto-rows:12rem}}@media only screen and (max-width:991px){.profile-badges,.profile-badges-background{background-size:33%;grid-template-columns:repeat(3,1fr);grid-auto-rows:12rem}}.common-button{cursor:pointer;position:relative;display:inline-block;min-height:1rem;outline:none;border:none;vertical-align:middle;color:#323130;background:#fff;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 .25rem 0 0;padding:.8rem 2rem .95rem;text-transform:none;text-shadow:none;font-weight:400;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.2em;user-select:none;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.common-button:hover{filter:grayscale(.15) brightness(.85) contrast(1.3)}.common-button .right{margin-left:.5rem}.common-button-flex{white-space:nowrap}.common-button.primary{background:#63c;color:#fff;border:1px solid #63c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#3891a6;color:#fff;border:1px solid #3891a6}.common-button.orange{background:#ff8b27;color:#fff;border:1px solid #ff8b27}.common-button.red{background:#e41b21;color:#fff;border:1px solid #e41b21}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#63c}.common-button.teal.inverted{background:#fff;color:#3891a6}.common-button.orange.inverted{background:#fff;color:#ff8b27}.common-button.red.inverted{background:#fff;color:#e41b21}.common-button.green.inverted{background:#fff;color:#107c10}.common-button.disabled:hover{filter:none}.common-button.disabled,.common-button.disabled.green,.common-button.disabled.green.inverted,.common-button.disabled.orange,.common-button.disabled.orange.inverted,.common-button.disabled.primary,.common-button.disabled.primary.inverted,.common-button.disabled.red,.common-button.disabled.red.inverted,.common-button.disabled.secondary,.common-button.disabled.secondary.inverted,.common-button.disabled.teal,.common-button.disabled.teal.inverted{cursor:default;background-color:#f3f2f1;color:#323130;border:#f3f2f1}.common-button:focus:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:1px solid #605e5c;z-index:1;border-radius:.2em}.common-button.green:focus:after,.common-button.menu-button:focus:after,.common-button.orange:focus:after,.common-button.primary:focus:after,.common-button.red:focus:after,.common-button.secondary:focus:after,.common-button.teal:focus:after{outline:1px solid #fff}.common-button.inverted:focus:after{outline:1px solid #605e5c}.common-button.menu-button{background:none;border:none;color:#fff;height:100%;padding:0 1rem;margin:0;border-radius:0;font-size:20px}.common-button.menu-button .icon,.common-button.menu-button .xicon,.common-button.menu-button i.far,.common-button.menu-button i.fas{font-size:24px}.common-button.menu-button:hover{background:rgba(0,0,0,.1)}.common-button.menu-button:active{background:rgba(0,0,0,.15)}.common-button.menu-button.inverted,.common-button.menu-button.inverted:hover{background:#fff;color:#63c}.hc .common-button,.high-contrast .common-button{color:#fff!important;background:#000!important;border-color:#fff!important}.hc .common-button:focus,.hc .common-button:hover,.high-contrast .common-button:focus,.high-contrast .common-button:hover{outline:2px solid #ff0!important;z-index:1}.common-checkbox{position:relative;padding:.25rem}.common-checkbox input{margin-right:.5rem}.common-checkbox:focus-within{outline:1px solid #605e5c;border-radius:.2em}.high-contrast .common-checkbox:focus-within,.high-contrast .common-checkbox:hover{outline:2px solid #ff0}.common-editor-toggle{position:relative;border-radius:.2rem;border:3px solid rgba(52,73,94,.2);background:rgba(52,73,94,.4);display:flex;flex-direction:row}.common-editor-toggle.slim .common-editor-toggle-item>.common-button{padding:.6rem 2rem .75rem}.common-editor-toggle-item{z-index:1;flex:3}.common-editor-toggle-item .common-menu-dropdown{flex:4}.common-editor-toggle-item .common-menu-dropdown>.common-button{padding:0;width:100%;border-left:1px solid rgba(52,73,94,.2);border-right:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item .common-menu-dropdown .common-menu-dropdown-pane{border-top:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item>.common-button{background:none;color:#fff;transition:color .25s;margin:0;width:100%}.common-editor-toggle-item .common-button:focus:after{outline:none}.common-editor-toggle-item.common-editor-toggle-item-dropdown{display:grid;grid-template-columns:3fr 1fr;flex:4}.common-editor-toggle-item.selected .common-menu-dropdown{text-align:center}.common-editor-toggle-item.selected .common-menu-dropdown>.common-button{border-right:none;color:#323130}.common-editor-toggle-item.selected>.common-button{color:#323130}.common-editor-toggle-handle{position:absolute;background:#fff;width:33%;height:100%;transition:margin-left .25s,width .25s;border-radius:.2rem;margin-left:-3px}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:50%}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle .common-editor-toggle-item:first-of-type.selected~.common-editor-toggle-handle{margin-left:0}.common-editor-toggle .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:55}.common-editor-toggle.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:45}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-handle{width:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-left:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-left:60%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:70%}@media only screen and (max-width:991px){.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button{padding-left:.5rem;padding-right:.5rem}.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}}@media only screen and (max-width:767px){.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button{padding-left:.5rem;padding-right:.5rem}.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}}i.far,i.fas{margin:0 .25rem 0 0;text-align:center;width:1.81rem;line-height:inherit;font-size:18px}i.far.large,i.fas.large{font-size:24px}.common-input-group{position:relative;display:flex;height:2rem;align-items:stretch;border-radius:2px;border:1px solid #605e5c;background:#fff}.common-input-group:focus-within:after,.common-input-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid #0078d4;border-radius:2px;pointer-events:none}.common-input{width:100%;min-width:0;padding:0 .5rem;color:#323130;border:none;outline:0;background:none transparent;text-overflow:ellipsis}.common-input-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-input-group .icon,.common-input-group .xicon,.common-input-group>i.fas,.common-input-group i.far{position:absolute;bottom:.3rem;right:.5rem;width:1.25rem;margin-right:0;line-height:1.25rem;pointer-events:none}.common-input-group>.common-button{color:#0078d4;padding:0;margin:0;border-radius:0}.common-input-group>.common-button:hover{color:#106ebe}.common-input.has-icon{padding:0 1.75rem 0 .5rem}.common-input-wrapper.disabled .common-input-group{cursor:default;border:1px solid #f3f2f1;background:#f3f2f1}.common-input-wrapper.disabled .common-input,.common-input-wrapper.disabled .common-input-label,.common-input-wrapper.disabled i{color:#a19f9d}.high-contrast .common-input{color:#fff;border-color:#fff;background-color:#000}.high-contrast .common-input-group:focus-within:after,.high-contrast .common-input-group:focus:after{border-color:#ff0}.common-menu-dropdown{height:100%;position:relative}.common-menu-dropdown>.menu-button.expanded{background:rgba(0,0,0,.15)}.common-menu-dropdown-pane{position:absolute;right:0;width:12rem}.common-menu-dropdown-pane ul{list-style:none;margin:0;padding:0;background:#fff}.common-menu-dropdown-pane li{width:100%}.common-menu-dropdown-item{background:none;text-align:left;width:100%;margin:0;padding:1rem}.common-menu-dropdown-item.common-button:focus:after{outline:1px solid #605e5c}.high-contrast .common-menu-dropdown-pane{color:#fff;background-color:#000;border:1px solid #fff}.high-contrast .common-menu-dropdown-item:hover,.high-contrast .common-menu-dropdown>.menu-button.expanded{outline:2px solid #ff0;z-index:1}.common-modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay-color);z-index:1000}.common-modal-container.fullscreen{z-index:var(--fullscreen-modal-zindex)}.common-modal{width:50%;max-width:40rem;border-radius:.285rem;overflow:hidden}.common-modal-header{background-color:#fff;display:flex;font-size:1.2rem;font-weight:600;padding-left:1.5rem;border-bottom:1px solid rgba(34,36,38,.15);flex-shrink:0}.common-modal-header .common-modal-title{flex-grow:1;padding-top:1.25rem;padding-bottom:1.25rem}.common-modal-header .common-modal-close .common-button .fas{color:#333}.common-modal-body{background-color:#fff;min-height:4rem;padding:1.25rem 1.5rem}.common-modal-footer{background-color:#f9fafb;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;border-top:1px solid rgba(34,36,38,.15)}.common-modal-footer button:only-child{grid-column:-2}.fullscreen>.common-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:none;padding:0;border-radius:0;display:flex;flex-direction:column}.fullscreen>.common-modal>.common-modal-header{background-color:var(--primary-color);color:#fff;margin-bottom:0}.fullscreen>.common-modal>.common-modal-header .common-modal-back{font-size:1.2rem;font-weight:600}.fullscreen>.common-modal>.common-modal-header .common-modal-title{display:flex;justify-content:center;align-items:center}.fullscreen>.common-modal>.common-modal-body{flex-grow:1;background-color:var(--body-background-color);padding:1rem;max-height:unset}.hc .common-modal-body,.hc .common-modal-footer,.hc .common-modal-header,.high-contrast .common-modal-body,.high-contrast .common-modal-footer,.high-contrast .common-modal-header{background-color:#000;color:#fff;border-color:#fff}.hc .common-modal-body .common-modal-close .common-button .fas,.hc .common-modal-footer .common-modal-close .common-button .fas,.hc .common-modal-header .common-modal-close .common-button .fas,.high-contrast .common-modal-body .common-modal-close .common-button .fas,.high-contrast .common-modal-footer .common-modal-close .common-button .fas,.high-contrast .common-modal-header .common-modal-close .common-button .fas{opacity:1;color:#fff}.hc .fullscreen>.common-modal>.common-modal-body,.hc .fullscreen>.common-modal>.common-modal-header,.high-contrast .fullscreen>.common-modal>.common-modal-body,.high-contrast .fullscreen>.common-modal>.common-modal-header{background-color:#000;color:#fff}.hc .common-modal,.high-contrast .common-modal{border:1px solid #fff}.common-spinner{box-sizing:border-box;border-radius:50%;border:1.5px solid #c7e0f4;border-top-color:#0078d4;border-image:initial;animation-name:spinner-rotate;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.53,.21,.29,.67);width:20px;height:20px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
1
|
+
.user-profile{display:flex;flex-direction:row;height:100%;--header-text-color:#000;--profile-portrait-border-color:#fff;--profile-username-color:#999;--background-color:#fef3e0;--avatar-initials-background-color:#028b9b;--avatar-initials-text-color:#fff;--user-pane-border-color:#e4dbca;--notification-background-color:#fff;--notification-icon-background-color:#fff;--notification-icon-color:#000;--badge-list-subtitle-color:#aba9a5;--body-font-family:"Share Tech Mono",Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace}.profile-user-pane{display:flex;flex-direction:column;width:25%;padding:1rem;border-right:1px solid var(--user-pane-border-color);height:100%;min-width:20rem}.profile-portrait{border-radius:50%;overflow:hidden;height:12rem;width:12rem;position:relative;border:2px solid var(--profile-portrait-border-color);align-self:center;margin-bottom:1.5rem}.profile-portrait img{width:110%;height:110%;position:absolute;left:-5%;top:-5%}.profile-user-details{text-align:center;margin-bottom:3rem}.profile-display-name{font-size:1.5rem;color:var(--header-text-color);text-transform:uppercase;font-weight:900;margin-bottom:.5rem}.profile-username{font-size:1rem;color:var(--profile-username-color)}.profile-spacer{flex-grow:1}.profile-email{display:flex;padding-bottom:1rem}.profile-email .checkbox{cursor:pointer;padding-right:1rem}.profile-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.profile-actions a{flex-grow:1;font-size:14px}.profile-actions .ui.button{width:50%}.profile-actions .ui.button i.icon{margin-right:1.5rem!important}.profile-notification{width:100%;border:1px solid #000;position:relative;border-radius:1rem;padding:2rem 1rem 1rem;background:var(--notification-background-color);display:flex;flex-direction:column}.profile-notification .profile-notification-title{font-weight:900;text-align:center;margin-bottom:1rem}.profile-notification .profile-notification-message{margin-bottom:1rem}.profile-notification .profile-notification-icon{width:3.25rem;height:3.25rem;border:1px solid #000;border-radius:50%;position:absolute;top:-1.625rem;left:calc(50% - 1.625rem);color:var(--notification-icon-color);background:var(--notification-icon-background-color)}.profile-notification .profile-notification-icon i.circular.icon{box-shadow:none}.profile-badge-subtitle{font-style:italic;color:var(--badge-list-subtitle-color)}.profile-badge-list{flex-grow:1;height:100%;display:flex;flex-direction:column;padding:1rem}.profile-badges-scroller{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.profile-badges,.profile-badges-background{background-repeat:repeat;min-height:100%;background-size:20%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:12rem;align-items:center}.profile-badges-background{z-index:-1}.profile-badges-background .profile-badge,.profile-badges .profile-badge{position:relative;aspect-ratio:1;background-color:var(--background-color)}.profile-badges-background .profile-badge img,.profile-badges .profile-badge img{height:100%;width:100%;display:inline;position:absolute;object-fit:contain}.profile-badge.disabled i.ui.icon{line-height:1;vertical-align:middle;font-size:4em;width:100%;z-index:1;position:absolute}.placeholder-badge{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3' opacity='.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:.3;aspect-ratio:1}.profile-badges-background-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.profile-badge-title{text-transform:uppercase;font-weight:900;font-size:1.5rem;margin-right:1rem;color:var(--header-text-color)}.profile-badge-header{margin-left:1rem;margin-bottom:1rem}.profile-badge-info-item{margin-top:1rem;display:flex}.profile-badge-info-header{text-transform:uppercase;font-weight:900;width:20%;color:var(--header-text-color)}.profile-badge-info-image .profile-badge{text-align:center}.profile-badge-info-image .profile-badge img{display:inline;height:15rem;object-fit:contain}.profile-badge{display:flex;flex-direction:column;justify-content:center;align-content:center;position:relative;height:100%}.profile-badge.clickable{cursor:pointer}.profile-badge-and-title{display:flex;flex-direction:column;max-height:100%;height:100%;background-color:var(--background-color);z-index:2;overflow:hidden}.profile-badge-and-title .profile-badge{margin-bottom:1rem;flex-shrink:1000}.profile-badge-name{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-right:0;text-align:center;color:var(--header-text-color);overflow:hidden}.profile-initials-portrait{font-size:8rem;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-background-color)}.ui.icon.button.sign-out{font-family:var(--body-font-family)}.common-checkbox.loading input{opacity:0}.common-checkbox.loading .common-spinner{display:inline-block;position:absolute;left:0}.high-contrast .profile-badge-and-title,.high-contrast .profile-badge-subtitle,.high-contrast .profile-badges-background .profile-badge,.high-contrast .profile-badges .profile-badge,.high-contrast .profile-initials-portrait,.high-contrast .profile-username{color:#fff;background-color:#000}.high-contrast .profile-badge.clickable:hover{outline:2px solid #ff0}@media only screen and (max-width:1199px){.profile-badges,.profile-badges-background{background-size:25%;grid-template-columns:repeat(4,1fr);grid-auto-rows:12rem}}@media only screen and (max-width:991px){.profile-badges,.profile-badges-background{background-size:33%;grid-template-columns:repeat(3,1fr);grid-auto-rows:12rem}}.sharedialog.fullscreen.common-modal-container>.common-modal>.common-modal-body{padding:0}.project-share{display:flex;height:100%}.project-share-simulator{flex:1;height:100%;background-color:#fdfdff}.project-share-simulator #shareLoanedSimulator{position:relative;top:50%;transform:translateY(-50%)}.project-share-simulator .simframe{padding-bottom:56.25%!important}.project-share-info{display:flex;flex-direction:column;justify-content:center;flex:1}.project-share-info>div{margin-bottom:1rem;flex-shrink:0}.project-share-title{display:flex}.project-share-title h2{flex:1;margin:0}#project-share-dropdown{color:#63c}.project-share-thumbnail{display:flex;flex-direction:column}.project-share-thumbnail .project-thumbnail-placeholder,.project-share-thumbnail img{margin:.3rem 0;width:15rem;height:11.25rem;background-color:rgba(0,0,0,.05)}.fullscreen .project-share>div{padding:2rem}.fullscreen .project-share-info{flex:unset;width:28rem}.project-share-actions{display:flex}.project-share-actions .share-button{width:3rem;padding:1rem .75rem}.project-share-actions .share-button i{margin:0}.gif-recorder{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:0;left:calc(50vw - 12.5rem);padding:1rem;transform:translateX(-50%);background:#fff;border:#3891a6;border-radius:.2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana}.gif-recorder-label,.thumbnail-label{margin-bottom:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana}.gif-recorder-actions{display:flex}.thumbnail-image,.thumbnail-placeholder{display:flex;background-color:rgba(0,0,0,.05);width:24.5rem;height:18.375rem}.common-button{cursor:pointer;position:relative;display:inline-block;min-height:1rem;outline:none;border:none;vertical-align:middle;color:#323130;background:#fff;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 .25rem 0 0;padding:.8rem 2rem .95rem;text-transform:none;text-shadow:none;font-weight:400;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.2em;user-select:none;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.common-button:hover{filter:grayscale(.15) brightness(.85) contrast(1.3)}.common-button .right{margin-left:.5rem}.common-button-flex{white-space:nowrap}.common-button.primary{background:#63c;color:#fff;border:1px solid #63c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#3891a6;color:#fff;border:1px solid #3891a6}.common-button.orange{background:#ff8b27;color:#fff;border:1px solid #ff8b27}.common-button.red{background:#e41b21;color:#fff;border:1px solid #e41b21}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#63c}.common-button.teal.inverted{background:#fff;color:#3891a6}.common-button.orange.inverted{background:#fff;color:#ff8b27}.common-button.red.inverted{background:#fff;color:#e41b21}.common-button.green.inverted{background:#fff;color:#107c10}.common-button.disabled:hover{filter:none}.common-button.disabled,.common-button.disabled.green,.common-button.disabled.green.inverted,.common-button.disabled.orange,.common-button.disabled.orange.inverted,.common-button.disabled.primary,.common-button.disabled.primary.inverted,.common-button.disabled.red,.common-button.disabled.red.inverted,.common-button.disabled.secondary,.common-button.disabled.secondary.inverted,.common-button.disabled.teal,.common-button.disabled.teal.inverted{cursor:default;background-color:#f3f2f1;color:#323130;border:#f3f2f1}.common-button:focus:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:1px solid #605e5c;z-index:1;border-radius:.2em}.common-button.green:focus:after,.common-button.menu-button:focus:after,.common-button.orange:focus:after,.common-button.primary:focus:after,.common-button.red:focus:after,.common-button.secondary:focus:after,.common-button.teal:focus:after{outline:1px solid #fff}.common-button.inverted:focus:after{outline:1px solid #605e5c}.common-button.menu-button{background:none;border:none;color:#fff;height:100%;padding:0 1rem;margin:0;border-radius:0;font-size:20px}.common-button.menu-button .icon,.common-button.menu-button .xicon,.common-button.menu-button i.far,.common-button.menu-button i.fas{font-size:24px}.common-button.menu-button:hover{background:rgba(0,0,0,.1)}.common-button.menu-button:active{background:rgba(0,0,0,.15)}.common-button.menu-button.inverted,.common-button.menu-button.inverted:hover{background:#fff;color:#63c}.hc .common-button,.high-contrast .common-button{color:#fff!important;background:#000!important;border-color:#fff!important}.hc .common-button:focus,.hc .common-button:hover,.high-contrast .common-button:focus,.high-contrast .common-button:hover{outline:2px solid #ff0!important;z-index:1}.common-checkbox{position:relative;padding:.25rem}.common-checkbox input{margin-right:.5rem}.common-checkbox:focus-within{outline:1px solid #605e5c;border-radius:.2em}.high-contrast .common-checkbox:focus-within,.high-contrast .common-checkbox:hover{outline:2px solid #ff0}.common-editor-toggle-outer{position:relative}.common-editor-toggle{position:relative;border-radius:.2rem;border:3px solid rgba(52,73,94,.2);background:rgba(52,73,94,.4);display:flex;flex-direction:row}.common-editor-toggle.slim .common-editor-toggle-item>.common-button{padding:.6rem 2rem .75rem}.common-editor-toggle-item{z-index:1;flex:3}.common-editor-toggle-item .common-menu-dropdown{flex:4}.common-editor-toggle-item .common-menu-dropdown>.common-button{padding:0;width:100%;border-left:1px solid rgba(52,73,94,.2);border-right:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item .common-menu-dropdown .common-menu-dropdown-pane{border-top:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item>.common-button{background:none;color:#fff;transition:color .25s;margin:0;width:100%}.common-editor-toggle-item .common-button:focus:after{outline:none}.common-editor-toggle-item.common-editor-toggle-item-dropdown{display:grid;grid-template-columns:3fr 1fr;flex:4}.common-editor-toggle-item.selected .common-menu-dropdown{text-align:center}.common-editor-toggle-item.selected .common-menu-dropdown>.common-button{border-right:none;color:#323130}.common-editor-toggle-item.selected>.common-button{color:#323130}.common-editor-toggle-handle{position:absolute;background:#fff;width:33%;height:100%;transition:margin-left .25s,width .25s;border-radius:.2rem;margin-left:-3px}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:50%}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle .common-editor-toggle-item:first-of-type.selected~.common-editor-toggle-handle{margin-left:0}.common-editor-toggle .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:55}.common-editor-toggle.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:45}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-handle{width:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-left:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-left:60%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:70%}.common-toggle-accessibility{position:absolute;z-index:2;width:0;height:0;left:0;background:#fff}.common-toggle-accessibility .common-button{width:0;height:0;min-height:0;overflow:hidden;padding:0;position:absolute;top:0;left:0}.common-toggle-accessibility .common-button:focus{width:100%;height:100%}.common-toggle-accessibility:focus-within{width:100%;height:100%}@media only screen and (max-width:991px){.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button{padding-left:.5rem;padding-right:.5rem}.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}}@media only screen and (max-width:767px){.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button{padding-left:.5rem;padding-right:.5rem}.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-left:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-left:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-left:75%}}i.far,i.fas{margin:0 .25rem 0 0;text-align:center;width:1.81rem;line-height:inherit;font-size:18px}i.far.large,i.fas.large{font-size:24px}.common-input-group{position:relative;display:flex;height:2rem;align-items:stretch;border-radius:2px;border:1px solid #605e5c;background:#fff}.common-input-group:focus-within:after,.common-input-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid #0078d4;border-radius:2px;pointer-events:none}.common-input{width:100%;min-width:0;padding:0 .5rem;color:#323130;border:none;outline:0;background:none transparent;text-overflow:ellipsis}.common-input-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-input-group .icon,.common-input-group .xicon,.common-input-group>i.fas,.common-input-group i.far{position:absolute;bottom:.3rem;right:.5rem;width:1.25rem;margin-right:0;line-height:1.25rem;pointer-events:none}.common-input-group>.common-button{color:#0078d4;padding:0;margin:0;border-radius:0}.common-input-group>.common-button:hover{color:#106ebe}.common-input.has-icon{padding:0 1.75rem 0 .5rem}.common-input-wrapper.disabled .common-input-group{cursor:default;border:1px solid #f3f2f1;background:#f3f2f1}.common-input-wrapper.disabled .common-input,.common-input-wrapper.disabled .common-input-label,.common-input-wrapper.disabled i{color:#a19f9d}.high-contrast .common-input{color:#fff;border-color:#fff;background-color:#000}.high-contrast .common-input-group:focus-within:after,.high-contrast .common-input-group:focus:after{border-color:#ff0}.common-menu-dropdown{height:100%;position:relative}.common-menu-dropdown>.menu-button.expanded{background:rgba(0,0,0,.15)}.common-menu-dropdown-pane{position:absolute;right:0;width:12rem}.common-menu-dropdown-pane ul{list-style:none;margin:0;padding:0;background:#fff}.common-menu-dropdown-pane li{width:100%}.common-menu-dropdown-item{background:none;text-align:left;width:100%;margin:0;padding:1rem}.common-menu-dropdown-item.common-button:focus:after{outline:1px solid #605e5c}.high-contrast .common-menu-dropdown-pane{color:#fff;background-color:#000;border:1px solid #fff}.high-contrast .common-menu-dropdown-item:hover,.high-contrast .common-menu-dropdown>.menu-button.expanded{outline:2px solid #ff0;z-index:1}.common-modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000}.common-modal-container.fullscreen{z-index:1000}.common-modal{width:50%;max-width:40rem;border-radius:.285rem;overflow:hidden}.common-modal-header{background-color:#fff;display:flex;font-size:1.2rem;font-weight:600;padding-left:1.5rem;border-bottom:1px solid rgba(34,36,38,.15);flex-shrink:0}.common-modal-header .common-modal-title{flex-grow:1;padding-top:1.25rem;padding-bottom:1.25rem}.common-modal-header .common-modal-close .common-button .fas{color:#333}.common-modal-body{background-color:#fff;min-height:4rem;padding:1.25rem 1.5rem}.common-modal-footer{background-color:#f9fafb;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;border-top:1px solid rgba(34,36,38,.15)}.common-modal-footer button:only-child{grid-column:-2}.fullscreen>.common-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:none;padding:0;border-radius:0;display:flex;flex-direction:column}.fullscreen>.common-modal>.common-modal-header{background-color:#63c;color:#fff;margin-bottom:0}.fullscreen>.common-modal>.common-modal-header .common-modal-back{font-size:1.2rem;font-weight:600}.fullscreen>.common-modal>.common-modal-header .common-modal-title{display:flex;justify-content:center;align-items:center}.fullscreen>.common-modal>.common-modal-body{flex-grow:1;background-color:#ecf0f1;padding:1rem;max-height:unset}.hc .common-modal-body,.hc .common-modal-footer,.hc .common-modal-header,.high-contrast .common-modal-body,.high-contrast .common-modal-footer,.high-contrast .common-modal-header{background-color:#000;color:#fff;border-color:#fff}.hc .common-modal-body .common-modal-close .common-button .fas,.hc .common-modal-footer .common-modal-close .common-button .fas,.hc .common-modal-header .common-modal-close .common-button .fas,.high-contrast .common-modal-body .common-modal-close .common-button .fas,.high-contrast .common-modal-footer .common-modal-close .common-button .fas,.high-contrast .common-modal-header .common-modal-close .common-button .fas{opacity:1;color:#fff}.hc .fullscreen>.common-modal>.common-modal-body,.hc .fullscreen>.common-modal>.common-modal-header,.high-contrast .fullscreen>.common-modal>.common-modal-body,.high-contrast .fullscreen>.common-modal>.common-modal-header{background-color:#000;color:#fff}.hc .common-modal,.high-contrast .common-modal{border:1px solid #fff}.common-spinner{box-sizing:border-box;border-radius:50%;border:1.5px solid #c7e0f4;border-top-color:#0078d4;border-image:initial;animation-name:spinner-rotate;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.53,.21,.29,.67);width:20px;height:20px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.common-textarea-group{position:relative;display:flex;align-items:stretch;border-radius:2px;border:1px solid #605e5c;background:#fff}.common-textarea-group:focus-within:after,.common-textarea-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid #0078d4;border-radius:2px;pointer-events:none}.common-textarea{width:100%;min-width:0;padding:.5rem;color:#323130;border:none;outline:0;background:none transparent;text-overflow:ellipsis;resize:none}.common-textarea.resize-both{resize:both}.common-textarea.resize-horizontal{resize:horizontal}.common-textarea.resize-vertical{resize:vertical}.common-textarea-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-textarea-wrapper.disabled .common-textarea-group{cursor:default;border:1px solid #f3f2f1;background:#f3f2f1}.high-contrast .common-textarea{color:#fff;border-color:#fff;background-color:#000}.high-contrast .common-textarea-group:focus-within:after,.high-contrast .common-textarea-group:focus:after{border-color:#ff0}
|
|
2
2
|
/*!
|
|
3
3
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
|
4
4
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.user-profile{display:flex;flex-direction:row;height:100%;--header-text-color:#000;--profile-portrait-border-color:#fff;--profile-username-color:#999;--background-color:#fef3e0;--avatar-initials-background-color:#028b9b;--avatar-initials-text-color:#fff;--user-pane-border-color:#e4dbca;--notification-background-color:#fff;--notification-icon-background-color:#fff;--notification-icon-color:#000;--badge-list-subtitle-color:#aba9a5;--body-font-family:"Share Tech Mono",Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace}.profile-user-pane{display:flex;flex-direction:column;width:25%;padding:1rem;border-left:1px solid var(--user-pane-border-color);height:100%;min-width:20rem}.profile-portrait{border-radius:50%;overflow:hidden;height:12rem;width:12rem;position:relative;border:2px solid var(--profile-portrait-border-color);align-self:center;margin-bottom:1.5rem}.profile-portrait img{width:110%;height:110%;position:absolute;right:-5%;top:-5%}.profile-user-details{text-align:center;margin-bottom:3rem}.profile-display-name{font-size:1.5rem;color:var(--header-text-color);text-transform:uppercase;font-weight:900;margin-bottom:.5rem}.profile-username{font-size:1rem;color:var(--profile-username-color)}.profile-spacer{flex-grow:1}.profile-email{display:flex;padding-bottom:1rem}.profile-email .checkbox{cursor:pointer;padding-left:1rem}.profile-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.profile-actions a{flex-grow:1;font-size:14px}.profile-actions .ui.button{width:50%}.profile-actions .ui.button i.icon{margin-left:1.5rem!important}.profile-notification{width:100%;border:1px solid #000;position:relative;border-radius:1rem;padding:2rem 1rem 1rem;background:var(--notification-background-color);display:flex;flex-direction:column}.profile-notification .profile-notification-title{font-weight:900;text-align:center;margin-bottom:1rem}.profile-notification .profile-notification-message{margin-bottom:1rem}.profile-notification .profile-notification-icon{width:3.25rem;height:3.25rem;border:1px solid #000;border-radius:50%;position:absolute;top:-1.625rem;right:calc(50% - 1.625rem);color:var(--notification-icon-color);background:var(--notification-icon-background-color)}.profile-notification .profile-notification-icon i.circular.icon{box-shadow:none}.profile-badge-subtitle{font-style:italic;color:var(--badge-list-subtitle-color)}.profile-badge-list{flex-grow:1;height:100%;display:flex;flex-direction:column;padding:1rem}.profile-badges-scroller{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.profile-badges,.profile-badges-background{background-repeat:repeat;min-height:100%;background-size:20%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:12rem;align-items:center}.profile-badges-background{z-index:-1}.profile-badges-background .profile-badge,.profile-badges .profile-badge{position:relative;aspect-ratio:1;background-color:var(--background-color)}.profile-badges-background .profile-badge img,.profile-badges .profile-badge img{height:100%;width:100%;display:inline;position:absolute;object-fit:contain}.profile-badge.disabled i.ui.icon{line-height:1;vertical-align:middle;font-size:4em;width:100%;z-index:1;position:absolute}.placeholder-badge{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3' opacity='.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:.3;aspect-ratio:1}.profile-badges-background-container{position:absolute;top:0;right:0;height:100%;width:100%;overflow:hidden}.profile-badge-title{text-transform:uppercase;font-weight:900;font-size:1.5rem;margin-left:1rem;color:var(--header-text-color)}.profile-badge-header{margin-right:1rem;margin-bottom:1rem}.profile-badge-info-item{margin-top:1rem;display:flex}.profile-badge-info-header{text-transform:uppercase;font-weight:900;width:20%;color:var(--header-text-color)}.profile-badge-info-image .profile-badge{text-align:center}.profile-badge-info-image .profile-badge img{display:inline;height:15rem;object-fit:contain}.profile-badge{display:flex;flex-direction:column;justify-content:center;align-content:center;position:relative;height:100%}.profile-badge.clickable{cursor:pointer}.profile-badge-and-title{display:flex;flex-direction:column;max-height:100%;height:100%;background-color:var(--background-color);z-index:2;overflow:hidden}.profile-badge-and-title .profile-badge{margin-bottom:1rem;flex-shrink:1000}.profile-badge-name{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-left:0;text-align:center;color:var(--header-text-color);overflow:hidden}.profile-initials-portrait{font-size:8rem;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-background-color)}.ui.icon.button.sign-out{font-family:var(--body-font-family)}.common-checkbox.loading input{opacity:0}.common-checkbox.loading .common-spinner{display:inline-block;position:absolute;right:0}.high-contrast .profile-badge-and-title,.high-contrast .profile-badge-subtitle,.high-contrast .profile-badges-background .profile-badge,.high-contrast .profile-badges .profile-badge,.high-contrast .profile-initials-portrait,.high-contrast .profile-username{color:#fff;background-color:#000}.high-contrast .profile-badge.clickable:hover{outline:2px solid #ff0}@media only screen and (max-width:1199px){.profile-badges,.profile-badges-background{background-size:25%;grid-template-columns:repeat(4,1fr);grid-auto-rows:12rem}}@media only screen and (max-width:991px){.profile-badges,.profile-badges-background{background-size:33%;grid-template-columns:repeat(3,1fr);grid-auto-rows:12rem}}.common-button{cursor:pointer;position:relative;display:inline-block;min-height:1rem;outline:none;border:none;vertical-align:middle;color:#323130;background:#fff;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 0 0 .25rem;padding:.8rem 2rem .95rem;text-transform:none;text-shadow:none;font-weight:400;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.2em;user-select:none;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.common-button:hover{filter:grayscale(.15) brightness(.85) contrast(1.3)}.common-button .right{margin-right:.5rem}.common-button-flex{white-space:nowrap}.common-button.primary{background:#63c;color:#fff;border:1px solid #63c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#3891a6;color:#fff;border:1px solid #3891a6}.common-button.orange{background:#ff8b27;color:#fff;border:1px solid #ff8b27}.common-button.red{background:#e41b21;color:#fff;border:1px solid #e41b21}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#63c}.common-button.teal.inverted{background:#fff;color:#3891a6}.common-button.orange.inverted{background:#fff;color:#ff8b27}.common-button.red.inverted{background:#fff;color:#e41b21}.common-button.green.inverted{background:#fff;color:#107c10}.common-button.disabled:hover{filter:none}.common-button.disabled,.common-button.disabled.green,.common-button.disabled.green.inverted,.common-button.disabled.orange,.common-button.disabled.orange.inverted,.common-button.disabled.primary,.common-button.disabled.primary.inverted,.common-button.disabled.red,.common-button.disabled.red.inverted,.common-button.disabled.secondary,.common-button.disabled.secondary.inverted,.common-button.disabled.teal,.common-button.disabled.teal.inverted{cursor:default;background-color:#f3f2f1;color:#323130;border:#f3f2f1}.common-button:focus:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:1px solid #605e5c;z-index:1;border-radius:.2em}.common-button.green:focus:after,.common-button.menu-button:focus:after,.common-button.orange:focus:after,.common-button.primary:focus:after,.common-button.red:focus:after,.common-button.secondary:focus:after,.common-button.teal:focus:after{outline:1px solid #fff}.common-button.inverted:focus:after{outline:1px solid #605e5c}.common-button.menu-button{background:none;border:none;color:#fff;height:100%;padding:0 1rem;margin:0;border-radius:0;font-size:20px}.common-button.menu-button .icon,.common-button.menu-button .xicon,.common-button.menu-button i.far,.common-button.menu-button i.fas{font-size:24px}.common-button.menu-button:hover{background:rgba(0,0,0,.1)}.common-button.menu-button:active{background:rgba(0,0,0,.15)}.common-button.menu-button.inverted,.common-button.menu-button.inverted:hover{background:#fff;color:#63c}.hc .common-button,.high-contrast .common-button{color:#fff!important;background:#000!important;border-color:#fff!important}.hc .common-button:focus,.hc .common-button:hover,.high-contrast .common-button:focus,.high-contrast .common-button:hover{outline:2px solid #ff0!important;z-index:1}.common-checkbox{position:relative;padding:.25rem}.common-checkbox input{margin-left:.5rem}.common-checkbox:focus-within{outline:1px solid #605e5c;border-radius:.2em}.high-contrast .common-checkbox:focus-within,.high-contrast .common-checkbox:hover{outline:2px solid #ff0}.common-editor-toggle{position:relative;border-radius:.2rem;border:3px solid rgba(52,73,94,.2);background:rgba(52,73,94,.4);display:flex;flex-direction:row}.common-editor-toggle.slim .common-editor-toggle-item>.common-button{padding:.6rem 2rem .75rem}.common-editor-toggle-item{z-index:1;flex:3}.common-editor-toggle-item .common-menu-dropdown{flex:4}.common-editor-toggle-item .common-menu-dropdown>.common-button{padding:0;width:100%;border-right:1px solid rgba(52,73,94,.2);border-left:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item .common-menu-dropdown .common-menu-dropdown-pane{border-top:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item>.common-button{background:none;color:#fff;transition:color .25s;margin:0;width:100%}.common-editor-toggle-item .common-button:focus:after{outline:none}.common-editor-toggle-item.common-editor-toggle-item-dropdown{display:grid;grid-template-columns:3fr 1fr;flex:4}.common-editor-toggle-item.selected .common-menu-dropdown{text-align:center}.common-editor-toggle-item.selected .common-menu-dropdown>.common-button{border-left:none;color:#323130}.common-editor-toggle-item.selected>.common-button{color:#323130}.common-editor-toggle-handle{position:absolute;background:#fff;width:33%;height:100%;transition:margin-right .25s,width .25s;border-radius:.2rem;margin-right:-3px}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:50%}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:50%}.common-editor-toggle .common-editor-toggle-item:first-of-type.selected~.common-editor-toggle-handle{margin-right:0}.common-editor-toggle .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-right:33%}.common-editor-toggle .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-right:67%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:55}.common-editor-toggle.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:45}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-right:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-handle{width:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-right:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-right:60%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:70%}@media only screen and (max-width:991px){.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button{padding-right:.5rem;padding-left:.5rem}.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-right:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}}@media only screen and (max-width:767px){.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button{padding-right:.5rem;padding-left:.5rem}.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-right:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}}i.far,i.fas{margin:0 0 0 .25rem;text-align:center;width:1.81rem;line-height:inherit;font-size:18px}i.far.large,i.fas.large{font-size:24px}.common-input-group{position:relative;display:flex;height:2rem;align-items:stretch;border-radius:2px;border:1px solid #605e5c;background:#fff}.common-input-group:focus-within:after,.common-input-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid #0078d4;border-radius:2px;pointer-events:none}.common-input{width:100%;min-width:0;padding:0 .5rem;color:#323130;border:none;outline:0;background:none transparent;text-overflow:ellipsis}.common-input-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-input-group .icon,.common-input-group .xicon,.common-input-group>i.fas,.common-input-group i.far{position:absolute;bottom:.3rem;left:.5rem;width:1.25rem;margin-left:0;line-height:1.25rem;pointer-events:none}.common-input-group>.common-button{color:#0078d4;padding:0;margin:0;border-radius:0}.common-input-group>.common-button:hover{color:#106ebe}.common-input.has-icon{padding:0 .5rem 0 1.75rem}.common-input-wrapper.disabled .common-input-group{cursor:default;border:1px solid #f3f2f1;background:#f3f2f1}.common-input-wrapper.disabled .common-input,.common-input-wrapper.disabled .common-input-label,.common-input-wrapper.disabled i{color:#a19f9d}.high-contrast .common-input{color:#fff;border-color:#fff;background-color:#000}.high-contrast .common-input-group:focus-within:after,.high-contrast .common-input-group:focus:after{border-color:#ff0}.common-menu-dropdown{height:100%;position:relative}.common-menu-dropdown>.menu-button.expanded{background:rgba(0,0,0,.15)}.common-menu-dropdown-pane{position:absolute;left:0;width:12rem}.common-menu-dropdown-pane ul{list-style:none;margin:0;padding:0;background:#fff}.common-menu-dropdown-pane li{width:100%}.common-menu-dropdown-item{background:none;text-align:right;width:100%;margin:0;padding:1rem}.common-menu-dropdown-item.common-button:focus:after{outline:1px solid #605e5c}.high-contrast .common-menu-dropdown-pane{color:#fff;background-color:#000;border:1px solid #fff}.high-contrast .common-menu-dropdown-item:hover,.high-contrast .common-menu-dropdown>.menu-button.expanded{outline:2px solid #ff0;z-index:1}.common-modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;right:0;left:0;bottom:0;background-color:var(--modal-overlay-color);z-index:1000}.common-modal-container.fullscreen{z-index:var(--fullscreen-modal-zindex)}.common-modal{width:50%;max-width:40rem;border-radius:.285rem;overflow:hidden}.common-modal-header{background-color:#fff;display:flex;font-size:1.2rem;font-weight:600;padding-right:1.5rem;border-bottom:1px solid rgba(34,36,38,.15);flex-shrink:0}.common-modal-header .common-modal-title{flex-grow:1;padding-top:1.25rem;padding-bottom:1.25rem}.common-modal-header .common-modal-close .common-button .fas{color:#333}.common-modal-body{background-color:#fff;min-height:4rem;padding:1.25rem 1.5rem}.common-modal-footer{background-color:#f9fafb;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;border-top:1px solid rgba(34,36,38,.15)}.common-modal-footer button:only-child{grid-column:-2}.fullscreen>.common-modal{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;max-width:none;padding:0;border-radius:0;display:flex;flex-direction:column}.fullscreen>.common-modal>.common-modal-header{background-color:var(--primary-color);color:#fff;margin-bottom:0}.fullscreen>.common-modal>.common-modal-header .common-modal-back{font-size:1.2rem;font-weight:600}.fullscreen>.common-modal>.common-modal-header .common-modal-title{display:flex;justify-content:center;align-items:center}.fullscreen>.common-modal>.common-modal-body{flex-grow:1;background-color:var(--body-background-color);padding:1rem;max-height:unset}.hc .common-modal-body,.hc .common-modal-footer,.hc .common-modal-header,.high-contrast .common-modal-body,.high-contrast .common-modal-footer,.high-contrast .common-modal-header{background-color:#000;color:#fff;border-color:#fff}.hc .common-modal-body .common-modal-close .common-button .fas,.hc .common-modal-footer .common-modal-close .common-button .fas,.hc .common-modal-header .common-modal-close .common-button .fas,.high-contrast .common-modal-body .common-modal-close .common-button .fas,.high-contrast .common-modal-footer .common-modal-close .common-button .fas,.high-contrast .common-modal-header .common-modal-close .common-button .fas{opacity:1;color:#fff}.hc .fullscreen>.common-modal>.common-modal-body,.hc .fullscreen>.common-modal>.common-modal-header,.high-contrast .fullscreen>.common-modal>.common-modal-body,.high-contrast .fullscreen>.common-modal>.common-modal-header{background-color:#000;color:#fff}.hc .common-modal,.high-contrast .common-modal{border:1px solid #fff}.common-spinner{box-sizing:border-box;border-radius:50%;border:1.5px solid #c7e0f4;border-top-color:#0078d4;border-image:initial;animation-name:spinner-rotate;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.53,.21,.29,.67);width:20px;height:20px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}
|
|
1
|
+
.user-profile{display:flex;flex-direction:row;height:100%;--header-text-color:#000;--profile-portrait-border-color:#fff;--profile-username-color:#999;--background-color:#fef3e0;--avatar-initials-background-color:#028b9b;--avatar-initials-text-color:#fff;--user-pane-border-color:#e4dbca;--notification-background-color:#fff;--notification-icon-background-color:#fff;--notification-icon-color:#000;--badge-list-subtitle-color:#aba9a5;--body-font-family:"Share Tech Mono",Monaco,Menlo,"Ubuntu Mono",Consolas,source-code-pro,monospace}.profile-user-pane{display:flex;flex-direction:column;width:25%;padding:1rem;border-left:1px solid var(--user-pane-border-color);height:100%;min-width:20rem}.profile-portrait{border-radius:50%;overflow:hidden;height:12rem;width:12rem;position:relative;border:2px solid var(--profile-portrait-border-color);align-self:center;margin-bottom:1.5rem}.profile-portrait img{width:110%;height:110%;position:absolute;right:-5%;top:-5%}.profile-user-details{text-align:center;margin-bottom:3rem}.profile-display-name{font-size:1.5rem;color:var(--header-text-color);text-transform:uppercase;font-weight:900;margin-bottom:.5rem}.profile-username{font-size:1rem;color:var(--profile-username-color)}.profile-spacer{flex-grow:1}.profile-email{display:flex;padding-bottom:1rem}.profile-email .checkbox{cursor:pointer;padding-left:1rem}.profile-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.profile-actions a{flex-grow:1;font-size:14px}.profile-actions .ui.button{width:50%}.profile-actions .ui.button i.icon{margin-left:1.5rem!important}.profile-notification{width:100%;border:1px solid #000;position:relative;border-radius:1rem;padding:2rem 1rem 1rem;background:var(--notification-background-color);display:flex;flex-direction:column}.profile-notification .profile-notification-title{font-weight:900;text-align:center;margin-bottom:1rem}.profile-notification .profile-notification-message{margin-bottom:1rem}.profile-notification .profile-notification-icon{width:3.25rem;height:3.25rem;border:1px solid #000;border-radius:50%;position:absolute;top:-1.625rem;right:calc(50% - 1.625rem);color:var(--notification-icon-color);background:var(--notification-icon-background-color)}.profile-notification .profile-notification-icon i.circular.icon{box-shadow:none}.profile-badge-subtitle{font-style:italic;color:var(--badge-list-subtitle-color)}.profile-badge-list{flex-grow:1;height:100%;display:flex;flex-direction:column;padding:1rem}.profile-badges-scroller{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.profile-badges,.profile-badges-background{background-repeat:repeat;min-height:100%;background-size:20%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:12rem;align-items:center}.profile-badges-background{z-index:-1}.profile-badges-background .profile-badge,.profile-badges .profile-badge{position:relative;aspect-ratio:1;background-color:var(--background-color)}.profile-badges-background .profile-badge img,.profile-badges .profile-badge img{height:100%;width:100%;display:inline;position:absolute;object-fit:contain}.profile-badge.disabled i.ui.icon{line-height:1;vertical-align:middle;font-size:4em;width:100%;z-index:1;position:absolute}.placeholder-badge{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3' opacity='.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:.3;aspect-ratio:1}.profile-badges-background-container{position:absolute;top:0;right:0;height:100%;width:100%;overflow:hidden}.profile-badge-title{text-transform:uppercase;font-weight:900;font-size:1.5rem;margin-left:1rem;color:var(--header-text-color)}.profile-badge-header{margin-right:1rem;margin-bottom:1rem}.profile-badge-info-item{margin-top:1rem;display:flex}.profile-badge-info-header{text-transform:uppercase;font-weight:900;width:20%;color:var(--header-text-color)}.profile-badge-info-image .profile-badge{text-align:center}.profile-badge-info-image .profile-badge img{display:inline;height:15rem;object-fit:contain}.profile-badge{display:flex;flex-direction:column;justify-content:center;align-content:center;position:relative;height:100%}.profile-badge.clickable{cursor:pointer}.profile-badge-and-title{display:flex;flex-direction:column;max-height:100%;height:100%;background-color:var(--background-color);z-index:2;overflow:hidden}.profile-badge-and-title .profile-badge{margin-bottom:1rem;flex-shrink:1000}.profile-badge-name{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-left:0;text-align:center;color:var(--header-text-color);overflow:hidden}.profile-initials-portrait{font-size:8rem;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-background-color)}.ui.icon.button.sign-out{font-family:var(--body-font-family)}.common-checkbox.loading input{opacity:0}.common-checkbox.loading .common-spinner{display:inline-block;position:absolute;right:0}.high-contrast .profile-badge-and-title,.high-contrast .profile-badge-subtitle,.high-contrast .profile-badges-background .profile-badge,.high-contrast .profile-badges .profile-badge,.high-contrast .profile-initials-portrait,.high-contrast .profile-username{color:#fff;background-color:#000}.high-contrast .profile-badge.clickable:hover{outline:2px solid #ff0}@media only screen and (max-width:1199px){.profile-badges,.profile-badges-background{background-size:25%;grid-template-columns:repeat(4,1fr);grid-auto-rows:12rem}}@media only screen and (max-width:991px){.profile-badges,.profile-badges-background{background-size:33%;grid-template-columns:repeat(3,1fr);grid-auto-rows:12rem}}.sharedialog.fullscreen.common-modal-container>.common-modal>.common-modal-body{padding:0}.project-share{display:flex;height:100%}.project-share-simulator{flex:1;height:100%;background-color:#fdfdff}.project-share-simulator #shareLoanedSimulator{position:relative;top:50%;transform:translateY(-50%)}.project-share-simulator .simframe{padding-bottom:56.25%!important}.project-share-info{display:flex;flex-direction:column;justify-content:center;flex:1}.project-share-info>div{margin-bottom:1rem;flex-shrink:0}.project-share-title{display:flex}.project-share-title h2{flex:1;margin:0}#project-share-dropdown{color:#63c}.project-share-thumbnail{display:flex;flex-direction:column}.project-share-thumbnail .project-thumbnail-placeholder,.project-share-thumbnail img{margin:.3rem 0;width:15rem;height:11.25rem;background-color:rgba(0,0,0,.05)}.fullscreen .project-share>div{padding:2rem}.fullscreen .project-share-info{flex:unset;width:28rem}.project-share-actions{display:flex}.project-share-actions .share-button{width:3rem;padding:1rem .75rem}.project-share-actions .share-button i{margin:0}.gif-recorder{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:0;right:calc(50vw - 12.5rem);padding:1rem;transform:translateX(50%);background:#fff;border:#3891a6;border-radius:.2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana}.gif-recorder-label,.thumbnail-label{margin-bottom:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana}.gif-recorder-actions{display:flex}.thumbnail-image,.thumbnail-placeholder{display:flex;background-color:rgba(0,0,0,.05);width:24.5rem;height:18.375rem}.common-button{cursor:pointer;position:relative;display:inline-block;min-height:1rem;outline:none;border:none;vertical-align:middle;color:#323130;background:#fff;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 0 0 .25rem;padding:.8rem 2rem .95rem;text-transform:none;text-shadow:none;font-weight:400;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.2em;user-select:none;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,color .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.common-button:hover{filter:grayscale(.15) brightness(.85) contrast(1.3)}.common-button .right{margin-right:.5rem}.common-button-flex{white-space:nowrap}.common-button.primary{background:#63c;color:#fff;border:1px solid #63c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#3891a6;color:#fff;border:1px solid #3891a6}.common-button.orange{background:#ff8b27;color:#fff;border:1px solid #ff8b27}.common-button.red{background:#e41b21;color:#fff;border:1px solid #e41b21}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#63c}.common-button.teal.inverted{background:#fff;color:#3891a6}.common-button.orange.inverted{background:#fff;color:#ff8b27}.common-button.red.inverted{background:#fff;color:#e41b21}.common-button.green.inverted{background:#fff;color:#107c10}.common-button.disabled:hover{filter:none}.common-button.disabled,.common-button.disabled.green,.common-button.disabled.green.inverted,.common-button.disabled.orange,.common-button.disabled.orange.inverted,.common-button.disabled.primary,.common-button.disabled.primary.inverted,.common-button.disabled.red,.common-button.disabled.red.inverted,.common-button.disabled.secondary,.common-button.disabled.secondary.inverted,.common-button.disabled.teal,.common-button.disabled.teal.inverted{cursor:default;background-color:#f3f2f1;color:#323130;border:#f3f2f1}.common-button:focus:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:1px solid #605e5c;z-index:1;border-radius:.2em}.common-button.green:focus:after,.common-button.menu-button:focus:after,.common-button.orange:focus:after,.common-button.primary:focus:after,.common-button.red:focus:after,.common-button.secondary:focus:after,.common-button.teal:focus:after{outline:1px solid #fff}.common-button.inverted:focus:after{outline:1px solid #605e5c}.common-button.menu-button{background:none;border:none;color:#fff;height:100%;padding:0 1rem;margin:0;border-radius:0;font-size:20px}.common-button.menu-button .icon,.common-button.menu-button .xicon,.common-button.menu-button i.far,.common-button.menu-button i.fas{font-size:24px}.common-button.menu-button:hover{background:rgba(0,0,0,.1)}.common-button.menu-button:active{background:rgba(0,0,0,.15)}.common-button.menu-button.inverted,.common-button.menu-button.inverted:hover{background:#fff;color:#63c}.hc .common-button,.high-contrast .common-button{color:#fff!important;background:#000!important;border-color:#fff!important}.hc .common-button:focus,.hc .common-button:hover,.high-contrast .common-button:focus,.high-contrast .common-button:hover{outline:2px solid #ff0!important;z-index:1}.common-checkbox{position:relative;padding:.25rem}.common-checkbox input{margin-left:.5rem}.common-checkbox:focus-within{outline:1px solid #605e5c;border-radius:.2em}.high-contrast .common-checkbox:focus-within,.high-contrast .common-checkbox:hover{outline:2px solid #ff0}.common-editor-toggle-outer{position:relative}.common-editor-toggle{position:relative;border-radius:.2rem;border:3px solid rgba(52,73,94,.2);background:rgba(52,73,94,.4);display:flex;flex-direction:row}.common-editor-toggle.slim .common-editor-toggle-item>.common-button{padding:.6rem 2rem .75rem}.common-editor-toggle-item{z-index:1;flex:3}.common-editor-toggle-item .common-menu-dropdown{flex:4}.common-editor-toggle-item .common-menu-dropdown>.common-button{padding:0;width:100%;border-right:1px solid rgba(52,73,94,.2);border-left:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item .common-menu-dropdown .common-menu-dropdown-pane{border-top:1px solid rgba(52,73,94,.2)}.common-editor-toggle-item>.common-button{background:none;color:#fff;transition:color .25s;margin:0;width:100%}.common-editor-toggle-item .common-button:focus:after{outline:none}.common-editor-toggle-item.common-editor-toggle-item-dropdown{display:grid;grid-template-columns:3fr 1fr;flex:4}.common-editor-toggle-item.selected .common-menu-dropdown{text-align:center}.common-editor-toggle-item.selected .common-menu-dropdown>.common-button{border-left:none;color:#323130}.common-editor-toggle-item.selected>.common-button{color:#323130}.common-editor-toggle-handle{position:absolute;background:#fff;width:33%;height:100%;transition:margin-right .25s,width .25s;border-radius:.2rem;margin-right:-3px}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:50%}.common-editor-toggle .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:50%}.common-editor-toggle .common-editor-toggle-item:first-of-type.selected~.common-editor-toggle-handle{margin-right:0}.common-editor-toggle .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-right:33%}.common-editor-toggle .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-right:67%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:55}.common-editor-toggle.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:45}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-right:55%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:45%}.common-editor-toggle.has-dropdown .common-editor-toggle-handle{width:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(2).selected~.common-editor-toggle-handle{margin-right:30%}.common-editor-toggle.has-dropdown .common-editor-toggle-item:nth-of-type(3).selected~.common-editor-toggle-handle{margin-right:60%}.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:40%}.common-editor-toggle.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle,.common-editor-toggle.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:70%}.common-toggle-accessibility{position:absolute;z-index:2;width:0;height:0;right:0;background:#fff}.common-toggle-accessibility .common-button{width:0;height:0;min-height:0;overflow:hidden;padding:0;position:absolute;top:0;right:0}.common-toggle-accessibility .common-button:focus{width:100%;height:100%}.common-toggle-accessibility:focus-within{width:100%;height:100%}@media only screen and (max-width:991px){.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button{padding-right:.5rem;padding-left:.5rem}.common-editor-toggle.tablet-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-right:67%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:33%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:50%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:25%}.common-editor-toggle.tablet-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}}@media only screen and (max-width:767px){.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button{padding-right:.5rem;padding-left:.5rem}.common-editor-toggle.mobile-compact>.common-editor-toggle-item>.common-button .common-button-label{display:none}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item{flex:25}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown{flex:50;display:grid;grid-template-columns:1fr 1fr}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-handle{width:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3),.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown{flex:67}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item-dropdown:first-child:nth-last-child(3)~.common-editor-toggle-item,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3){flex:33}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-handle{width:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown.selected:first-child:nth-last-child(3)~.common-editor-toggle-handle,.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)~.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{width:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown:first-child:nth-last-child(3)+.selected~.common-editor-toggle-handle{margin-right:67%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item:first-child:nth-last-child(3)+.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:33%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:50%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown.selected~.common-editor-toggle-handle{margin-right:25%}.common-editor-toggle.mobile-compact.has-dropdown .common-editor-toggle-item+.common-editor-toggle-item.common-editor-toggle-item-dropdown+.common-editor-toggle-item.selected~.common-editor-toggle-handle{margin-right:75%}}i.far,i.fas{margin:0 0 0 .25rem;text-align:center;width:1.81rem;line-height:inherit;font-size:18px}i.far.large,i.fas.large{font-size:24px}.common-input-group{position:relative;display:flex;height:2rem;align-items:stretch;border-radius:2px;border:1px solid #605e5c;background:#fff}.common-input-group:focus-within:after,.common-input-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid #0078d4;border-radius:2px;pointer-events:none}.common-input{width:100%;min-width:0;padding:0 .5rem;color:#323130;border:none;outline:0;background:none transparent;text-overflow:ellipsis}.common-input-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-input-group .icon,.common-input-group .xicon,.common-input-group>i.fas,.common-input-group i.far{position:absolute;bottom:.3rem;left:.5rem;width:1.25rem;margin-left:0;line-height:1.25rem;pointer-events:none}.common-input-group>.common-button{color:#0078d4;padding:0;margin:0;border-radius:0}.common-input-group>.common-button:hover{color:#106ebe}.common-input.has-icon{padding:0 .5rem 0 1.75rem}.common-input-wrapper.disabled .common-input-group{cursor:default;border:1px solid #f3f2f1;background:#f3f2f1}.common-input-wrapper.disabled .common-input,.common-input-wrapper.disabled .common-input-label,.common-input-wrapper.disabled i{color:#a19f9d}.high-contrast .common-input{color:#fff;border-color:#fff;background-color:#000}.high-contrast .common-input-group:focus-within:after,.high-contrast .common-input-group:focus:after{border-color:#ff0}.common-menu-dropdown{height:100%;position:relative}.common-menu-dropdown>.menu-button.expanded{background:rgba(0,0,0,.15)}.common-menu-dropdown-pane{position:absolute;left:0;width:12rem}.common-menu-dropdown-pane ul{list-style:none;margin:0;padding:0;background:#fff}.common-menu-dropdown-pane li{width:100%}.common-menu-dropdown-item{background:none;text-align:right;width:100%;margin:0;padding:1rem}.common-menu-dropdown-item.common-button:focus:after{outline:1px solid #605e5c}.high-contrast .common-menu-dropdown-pane{color:#fff;background-color:#000;border:1px solid #fff}.high-contrast .common-menu-dropdown-item:hover,.high-contrast .common-menu-dropdown>.menu-button.expanded{outline:2px solid #ff0;z-index:1}.common-modal-container{position:fixed;display:flex;align-items:center;justify-content:center;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000}.common-modal-container.fullscreen{z-index:1000}.common-modal{width:50%;max-width:40rem;border-radius:.285rem;overflow:hidden}.common-modal-header{background-color:#fff;display:flex;font-size:1.2rem;font-weight:600;padding-right:1.5rem;border-bottom:1px solid rgba(34,36,38,.15);flex-shrink:0}.common-modal-header .common-modal-title{flex-grow:1;padding-top:1.25rem;padding-bottom:1.25rem}.common-modal-header .common-modal-close .common-button .fas{color:#333}.common-modal-body{background-color:#fff;min-height:4rem;padding:1.25rem 1.5rem}.common-modal-footer{background-color:#f9fafb;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;border-top:1px solid rgba(34,36,38,.15)}.common-modal-footer button:only-child{grid-column:-2}.fullscreen>.common-modal{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;max-width:none;padding:0;border-radius:0;display:flex;flex-direction:column}.fullscreen>.common-modal>.common-modal-header{background-color:#63c;color:#fff;margin-bottom:0}.fullscreen>.common-modal>.common-modal-header .common-modal-back{font-size:1.2rem;font-weight:600}.fullscreen>.common-modal>.common-modal-header .common-modal-title{display:flex;justify-content:center;align-items:center}.fullscreen>.common-modal>.common-modal-body{flex-grow:1;background-color:#ecf0f1;padding:1rem;max-height:unset}.hc .common-modal-body,.hc .common-modal-footer,.hc .common-modal-header,.high-contrast .common-modal-body,.high-contrast .common-modal-footer,.high-contrast .common-modal-header{background-color:#000;color:#fff;border-color:#fff}.hc .common-modal-body .common-modal-close .common-button .fas,.hc .common-modal-footer .common-modal-close .common-button .fas,.hc .common-modal-header .common-modal-close .common-button .fas,.high-contrast .common-modal-body .common-modal-close .common-button .fas,.high-contrast .common-modal-footer .common-modal-close .common-button .fas,.high-contrast .common-modal-header .common-modal-close .common-button .fas{opacity:1;color:#fff}.hc .fullscreen>.common-modal>.common-modal-body,.hc .fullscreen>.common-modal>.common-modal-header,.high-contrast .fullscreen>.common-modal>.common-modal-body,.high-contrast .fullscreen>.common-modal>.common-modal-header{background-color:#000;color:#fff}.hc .common-modal,.high-contrast .common-modal{border:1px solid #fff}.common-spinner{box-sizing:border-box;border-radius:50%;border:1.5px solid #c7e0f4;border-top-color:#0078d4;border-image:initial;animation-name:spinner-rotate;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.53,.21,.29,.67);width:20px;height:20px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.common-textarea-group{position:relative;display:flex;align-items:stretch;border-radius:2px;border:1px solid #605e5c;background:#fff}.common-textarea-group:focus-within:after,.common-textarea-group:focus:after{content:"";position:absolute;inset:-1px;border:2px solid #0078d4;border-radius:2px;pointer-events:none}.common-textarea{width:100%;min-width:0;padding:.5rem;color:#323130;border:none;outline:0;background:none transparent;text-overflow:ellipsis;resize:none}.common-textarea.resize-both{resize:both}.common-textarea.resize-horizontal{resize:horizontal}.common-textarea.resize-vertical{resize:vertical}.common-textarea-label{display:block;font-size:14px;font-weight:600;padding:.3rem 0;overflow-wrap:break-word}.common-textarea-wrapper.disabled .common-textarea-group{cursor:default;border:1px solid #f3f2f1;background:#f3f2f1}.high-contrast .common-textarea{color:#fff;border-color:#fff;background-color:#000}.high-contrast .common-textarea-group:focus-within:after,.high-contrast .common-textarea-group:focus:after{border-color:#ff0}
|
|
2
2
|
/*!
|
|
3
3
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
|
4
4
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|