pxt-core 7.4.21 → 7.4.22
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/pxtblockly.js +15 -11
- package/built/pxtblocks.js +13 -8
- package/built/target.js +1 -1
- package/built/web/main.js +1 -1
- package/built/web/pxtblockly.js +2 -2
- package/built/web/pxtblocks.js +1 -1
- package/built/web/pxtembed.js +2 -2
- 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/built/web/skillmap/css/{main.4939cd1e.chunk.css → main.2d214a87.chunk.css} +1 -1
- package/built/web/skillmap/js/main.ace2b797.chunk.js +1 -0
- package/package.json +2 -2
- package/react-common/components/controls/Modal.tsx +1 -1
- package/react-common/components/profile/UserPane.tsx +8 -4
- package/react-common/styles/controls/Button.less +28 -16
- package/react-common/styles/controls/MenuDropdown.less +1 -1
- package/react-common/styles/react-common-variables.less +2 -2
- package/webapp/public/blockly/blockly_compressed.js +2 -3
- package/webapp/public/skillmap.html +2 -2
- package/built/web/skillmap/js/main.2a4cb15b.chunk.js +0 -1
|
@@ -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:1200px) and (min-width:992px){.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:Lato,Helvetica Neue,Arial,Helvetica,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:focus:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:1px solid #fff;z-index:1;border-radius:.2em}.common-button.inverted:focus:after,.common-button.menu-button:focus:after{outline:1px solid #605e5c}.common-button.primary{background:#e2008c;color:#fff;border:1px solid #e2008c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#008272;color:#fff;border:1px solid #008272}.common-button.orange{background:#d83b01;color:#fff;border:1px solid #d83b01}.common-button.red{background:#a80000;color:#fff;border:1px solid #a80000}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#e2008c}.common-button.teal.inverted{background:#fff;color:#008272}.common-button.orange.inverted{background:#fff;color:#d83b01}.common-button.red.inverted{background:#fff;color:#a80000}.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.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:#e2008c}.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}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:1200px) and (min-width:992px){.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:Lato,Helvetica Neue,Arial,Helvetica,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.primary{background:#e2008c;color:#fff;border:1px solid #e2008c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#008272;color:#fff;border:1px solid #008272}.common-button.orange{background:#d83b01;color:#fff;border:1px solid #d83b01}.common-button.red{background:#a80000;color:#fff;border:1px solid #a80000}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#e2008c}.common-button.teal.inverted{background:#fff;color:#008272}.common-button.orange.inverted{background:#fff;color:#d83b01}.common-button.red.inverted{background:#fff;color:#a80000}.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:#e2008c}.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}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)}}
|
|
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:1200px) and (min-width:992px){.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:Lato,Helvetica Neue,Arial,Helvetica,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:focus:after{content:"";position:absolute;inset:4px;border:1px solid transparent;outline:1px solid #fff;z-index:1;border-radius:.2em}.common-button.inverted:focus:after,.common-button.menu-button:focus:after{outline:1px solid #605e5c}.common-button.primary{background:#e2008c;color:#fff;border:1px solid #e2008c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#008272;color:#fff;border:1px solid #008272}.common-button.orange{background:#d83b01;color:#fff;border:1px solid #d83b01}.common-button.red{background:#a80000;color:#fff;border:1px solid #a80000}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#e2008c}.common-button.teal.inverted{background:#fff;color:#008272}.common-button.orange.inverted{background:#fff;color:#d83b01}.common-button.red.inverted{background:#fff;color:#a80000}.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.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:#e2008c}.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}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:1200px) and (min-width:992px){.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:Lato,Helvetica Neue,Arial,Helvetica,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.primary{background:#e2008c;color:#fff;border:1px solid #e2008c}.common-button.secondary{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(0,0,0,.55)}.common-button.teal{background:#008272;color:#fff;border:1px solid #008272}.common-button.orange{background:#d83b01;color:#fff;border:1px solid #d83b01}.common-button.red{background:#a80000;color:#fff;border:1px solid #a80000}.common-button.green{background:#107c10;color:#fff;border:1px solid #107c10}.common-button.primary.inverted{background:#fff;color:#e2008c}.common-button.teal.inverted{background:#fff;color:#008272}.common-button.orange.inverted{background:#fff;color:#d83b01}.common-button.red.inverted{background:#fff;color:#a80000}.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:#e2008c}.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}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)}}
|
|
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)
|