superdesk-ui-framework 3.0.38 → 3.0.40
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/.eslintignore +1 -0
- package/app/styles/_drag-handle.scss +24 -0
- package/app/styles/_helpers.scss +1 -1
- package/app/styles/_tables.scss +4 -4
- package/app/styles/_tabs-vertical.scss +8 -8
- package/app/styles/components/_card-item.scss +58 -46
- package/app/styles/components/_sd-grid-item.scss +5 -4
- package/app/styles/design-tokens/_new-colors.scss +12 -5
- package/app/styles/grids/_grid-layout.scss +2 -2
- package/app/styles/interface-elements/_side-panel.scss +0 -3
- package/app/styles/menus/_sd-content-navigation.scss +12 -9
- package/app-typescript/components/DragHandle.tsx +13 -0
- package/app-typescript/index.ts +1 -0
- package/dist/examples.bundle.css +20 -0
- package/dist/examples.bundle.js +478 -325
- package/dist/react/DragHandleDocs.tsx +26 -0
- package/dist/react/Index.tsx +6 -1
- package/dist/react/MultiSelect.tsx +2 -1
- package/dist/superdesk-ui.bundle.css +136 -85
- package/dist/superdesk-ui.bundle.js +174 -93
- package/dist/vendor.bundle.js +14 -14
- package/examples/pages/react/DragHandleDocs.tsx +26 -0
- package/examples/pages/react/Index.tsx +6 -1
- package/examples/pages/react/MultiSelect.tsx +2 -1
- package/globals.d.ts +4 -0
- package/package.json +1 -1
- package/react/components/DragHandle.d.ts +5 -0
- package/react/components/DragHandle.js +59 -0
- package/react/index.d.ts +1 -0
- package/react/index.js +3 -1
- package/tsconfig.json +1 -1
@@ -10742,6 +10742,26 @@
|
|
10742
10742
|
.side-panel__top-tools--dark-blue-grey .icn-mix__icn {
|
10743
10743
|
color: inherit;
|
10744
10744
|
opacity: 1; }
|
10745
|
+
.drag-handle {
|
10746
|
+
height: 30px;
|
10747
|
+
width: 8px;
|
10748
|
+
opacity: 0.85; }
|
10749
|
+
|
10750
|
+
.drag-handle-wrapper {
|
10751
|
+
padding: 6px;
|
10752
|
+
display: inline-flex;
|
10753
|
+
justify-content: center;
|
10754
|
+
align-items: center;
|
10755
|
+
background-color: var(--sd-colour-line--medium);
|
10756
|
+
border-start-start-radius: 3px;
|
10757
|
+
border-end-start-radius: 3px; }
|
10758
|
+
.drag-handle-wrapper:hover {
|
10759
|
+
background-color: var(--sd-colour-line--strong);
|
10760
|
+
cursor: grab; }
|
10761
|
+
.drag-handle-wrapper:active {
|
10762
|
+
background-color: var(--sd-colour-interactive);
|
10763
|
+
cursor: grabbing;
|
10764
|
+
opacity: 1; }
|
10745
10765
|
.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter{opacity:0;transform:scaleY(0.8)}.p-connected-overlay-enter-active{opacity:1;transform:scaleY(1);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-enter-done{transform:none}.p-connected-overlay-exit{opacity:1}.p-connected-overlay-exit-active{opacity:0;transition:opacity .1s linear}.p-toggleable-content-enter{max-height:0}.p-toggleable-content-enter-active{overflow:hidden;max-height:1000px;transition:max-height 1s ease-in-out}.p-toggleable-content-enter-done{transform:none}.p-toggleable-content-exit{max-height:1000px}.p-toggleable-content-exit-active{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-accordion-header-link{cursor:pointer;display:flex;align-items:center;user-select:none;position:relative;text-decoration:none}.p-accordion-header-link:focus{z-index:1}.p-accordion-header-text{line-height:1}.p-autocomplete{display:inline-flex;position:relative}.p-autocomplete-loader{position:absolute;top:50%;margin-top:-.5rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-input,.p-autocomplete-dd .p-autocomplete-multiple-container{border-top-right-radius:0;border-bottom-right-radius:0}.p-autocomplete-dd .p-autocomplete-dropdown{border-top-left-radius:0;border-bottom-left-radius:0}.p-autocomplete .p-autocomplete-panel{min-width:100%}.p-autocomplete-panel{position:absolute;overflow:auto}.p-autocomplete-items{margin:0;padding:0;list-style-type:none}.p-autocomplete-item{cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.p-autocomplete-multiple-container{margin:0;padding:0;list-style-type:none;cursor:text;overflow:hidden;display:flex;align-items:center}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-fluid .p-autocomplete-dd .p-autocomplete-input{width:1%}.p-badge{display:inline-block;border-radius:50%;text-align:center}.p-tag{display:inline-block;text-align:center;line-height:1.5}.p-tag.p-tag-rounded{border-radius:10rem}.p-overlay-badge{position:relative;display:inline-block}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(1em,-1em);margin:0}.p-breadcrumb ul{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:wrap}.p-breadcrumb .p-menuitem-text{line-height:1}.p-breadcrumb .p-menuitem-link{text-decoration:none}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-calendar{position:relative;display:inline-flex}.p-calendar .p-inputtext{flex:1 1 auto;width:1%}.p-calendar-w-btn .p-inputtext{border-top-right-radius:0;border-bottom-right-radius:0}.p-calendar-w-btn .p-datepicker-trigger{border-top-left-radius:0;border-bottom-left-radius:0}.p-fluid .p-calendar{display:flex}.p-fluid .p-calendar .p-inputtext{width:1%}.p-calendar .p-datepicker{min-width:100%}.p-datepicker{width:auto;position:absolute}.p-datepicker-inline{display:inline-flex;position:static}.p-datepicker-header{display:flex;align-items:center;justify-content:space-between}.p-datepicker-header .p-datepicker-title{margin:0 auto}.p-datepicker-prev,.p-datepicker-next{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-datepicker-multiple-month .p-datepicker-group-container{display:flex}.p-datepicker table{width:100%;border-collapse:collapse}.p-datepicker td>span{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 auto;overflow:hidden;position:relative}.p-monthpicker-month{width:33.3%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.p-datepicker-buttonbar{display:flex;justify-content:space-between;align-items:center}.p-timepicker{display:flex;justify-content:center;align-items:center}.p-timepicker button{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.p-timepicker>div{display:flex;align-items:center;flex-direction:column}.p-datepicker-touch-ui,.p-calendar .p-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw;transform:translate(-50%,-50%)}.p-card-header img{width:100%}.p-carousel{display:flex;flex-direction:column}.p-carousel-content{display:flex;flex-direction:column;overflow:auto}.p-carousel-prev,.p-carousel-next{align-self:center;flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-carousel-container{display:flex;flex-direction:row}.p-carousel-items-content{overflow:hidden;width:100%}.p-carousel-items-container{display:flex;flex-direction:row}.p-carousel-indicators{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.p-carousel-indicator>button{display:flex;align-items:center;justify-content:center}.p-carousel-vertical .p-carousel-container{flex-direction:column}.p-carousel-vertical .p-carousel-items-container{flex-direction:column;height:100%}.p-items-hidden .p-carousel-item{visibility:hidden}.p-items-hidden .p-carousel-item.p-carousel-item-active{visibility:visible}.p-chart{position:relative}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-chips{display:inline-flex}.p-chips-multiple-container{margin:0;padding:0;list-style-type:none;cursor:text;overflow:hidden;display:flex;align-items:center}.p-chips-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.p-chips-input-token{flex:1 1 auto;display:inline-flex}.p-chips-token-icon{cursor:pointer}.p-chips-input-token input{border:0 none;outline:0 none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-chips{display:flex}.p-colorpicker{display:inline-block}.p-colorpicker-dragging{cursor:pointer}.p-colorpicker-overlay{position:relative}.p-colorpicker-panel{position:relative;width:193px;height:166px}.p-colorpicker-overlay-panel{position:absolute}.p-colorpicker-preview{cursor:pointer}.p-colorpicker-panel .p-colorpicker-content{position:relative}.p-colorpicker-panel .p-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}.p-colorpicker-panel .p-colorpicker-color{width:150px;height:150px}.p-colorpicker-panel .p-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border-width:1px;border-style:solid;margin:-5px 0 0 -5px;cursor:pointer;opacity:.85}.p-colorpicker-panel .p-colorpicker-hue{width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}.p-colorpicker-panel .p-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border-width:2px;border-style:solid;opacity:.85;cursor:pointer}.p-colorpicker-panel .p-colorpicker-color{background:transparent url(color.png) no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url(hue.png) no-repeat left top}.p-contextmenu{position:absolute}.p-contextmenu ul{margin:0;padding:0;list-style:none}.p-contextmenu .p-submenu-list{position:absolute;min-width:100%;z-index:1}.p-contextmenu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-contextmenu .p-menuitem-text{line-height:1}.p-contextmenu .p-menuitem{position:relative}.p-contextmenu .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-contextmenu-enter{opacity:0}.p-contextmenu-enter-active{opacity:1;transition:opacity 250ms}.p-datascroller .p-datascroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}.p-datascroller .p-datascroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}.p-datascroller .p-datascroller-content{padding:.25em .625em}.p-datascroller-inline .p-datascroller-content{overflow:auto}.p-datascroller .p-datascroller-list{list-style-type:none;margin:0;padding:0}.p-datatable{position:relative}.p-datatable table{border-collapse:collapse;width:100%;table-layout:fixed}.p-datatable .p-sortable-column{cursor:pointer;user-select:none}.p-datatable .p-sortable-column .p-column-title,.p-datatable .p-sortable-column .p-sortable-column-icon,.p-datatable .p-sortable-column .p-sortable-column-badge{vertical-align:middle}.p-datatable .p-sortable-column .p-sortable-column-badge{display:inline-flex;align-items:center;justify-content:center}.p-datatable-auto-layout>.p-datatable-wrapper{overflow-x:auto}.p-datatable-auto-layout>.p-datatable-wrapper>table{table-layout:auto}.p-datatable-hoverable-rows .p-selectable-row{cursor:pointer}.p-datatable-scrollable-wrapper{position:relative}.p-datatable-scrollable-header,.p-datatable-scrollable-footer{overflow:hidden}.p-datatable-scrollable-body{overflow:auto;position:relative}.p-datatable-scrollable-body>table>.p-datatable-tbody>tr:first-child>td{border-top:0 none}.p-datatable-virtual-table{position:absolute}.p-datatable-frozen-view .p-datatable-scrollable-body{overflow:hidden}.p-datatable-frozen-view>.p-datatable-scrollable-body>table>.p-datatable-tbody>tr>td:last-child{border-right:0 none}.p-datatable-unfrozen-view{position:absolute;top:0}.p-datatable-flex-scrollable{display:flex;flex-direction:column;flex:1;height:100%}.p-datatable-flex-scrollable .p-datatable-scrollable-wrapper,.p-datatable-flex-scrollable .p-datatable-scrollable-view{display:flex;flex-direction:column;flex:1;height:100%}.p-datatable-flex-scrollable .p-datatable-scrollable-body{flex:1}.p-datatable-resizable>.p-datatable-wrapper{overflow-x:auto}.p-datatable-resizable .p-datatable-thead>tr>th,.p-datatable-resizable .p-datatable-tfoot>tr>td,.p-datatable-resizable .p-datatable-tbody>tr>td{overflow:hidden}.p-datatable-resizable .p-resizable-column{background-clip:padding-box;position:relative}.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer{display:none}.p-datatable .p-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.p-datatable .p-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.p-datatable .p-row-editor-init,.p-datatable .p-row-editor-save,.p-datatable .p-row-editor-cancel{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable .p-row-toggler{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-datatable-reorder-indicator-up,.p-datatable-reorder-indicator-down{position:absolute;display:none}.p-datatable .p-datatable-loading-overlay{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1}.p-dataview-loading{position:relative;min-height:4rem}.p-dataview .p-dataview-loading-overlay{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center}.p-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-dialog-visible{display:flex}.p-dialog-mask.p-component-overlay{pointer-events:auto}.p-dialog{display:flex;flex-direction:column;pointer-events:auto;max-height:90%;transform:scale(1)}.p-dialog-content{overflow-y:auto}.p-dialog-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.p-dialog-footer{flex-shrink:0}.p-dialog .p-dialog-header-icons{display:flex;align-items:center}.p-dialog .p-dialog-header-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-fluid .p-dialog-footer .p-button{width:auto}.p-dialog-enter{opacity:0;transform:scale(0.7)}.p-dialog-enter-active{opacity:1;transform:scale(1);transition:all 150ms cubic-bezier(0,0,0.2,1)}.p-dialog-enter-done{transform:none}.p-dialog-exit-active{opacity:0;transform:scale(0.7);transition:all 150ms cubic-bezier(0.4,0.0,0.2,1)}.p-dialog-top .p-dialog,.p-dialog-bottom .p-dialog,.p-dialog-left .p-dialog,.p-dialog-right .p-dialog,.p-dialog-top-left .p-dialog,.p-dialog-top-right .p-dialog,.p-dialog-bottom-left .p-dialog,.p-dialog-bottom-right .p-dialog{margin:.75em;transition:all .3s ease-out}.p-dialog-top .p-dialog-enter,.p-dialog-top .p-dialog-exit-active{transform:translate3d(0,-100%,0)}.p-dialog-bottom .p-dialog-enter,.p-dialog-bottom .p-dialog-exit-active{transform:translate3d(0,100%,0)}.p-dialog-left .p-dialog-enter,.p-dialog-left .p-dialog-exit-active,.p-dialog-top-left .p-dialog-enter,.p-dialog-top-left .p-dialog-exit-active,.p-dialog-bottom-left .p-dialog-enter,.p-dialog-bottom-left .p-dialog-exit-active{transform:translate3d(-100%,0,0)}.p-dialog-right .p-dialog-enter,.p-dialog-right .p-dialog-exit-active,.p-dialog-top-right .p-dialog-enter,.p-dialog-top-right .p-dialog-exit-active,.p-dialog-bottom-right .p-dialog-enter,.p-dialog-bottom-right .p-dialog-exit-active{transform:translate3d(100%,0,0)}.p-dialog-top .p-dialog-enter-active,.p-dialog-bottom .p-dialog-enter-active,.p-dialog-left .p-dialog-enter-active,.p-dialog-top-left .p-dialog-enter-active,.p-dialog-bottom-left .p-dialog-enter-active,.p-dialog-right .p-dialog-enter-active,.p-dialog-top-right .p-dialog-enter-active,.p-dialog-bottom-right .p-dialog-enter-active{transform:translate3d(0,0,0)}.p-dialog-maximized{-webkit-transition:none;transition:none;transform:none;width:100vw !important;max-height:100%;height:100%}.p-dialog-maximized .p-dialog-content{flex-grow:1}.p-dialog-left{justify-content:flex-start}.p-dialog-right{justify-content:flex-end}.p-dialog-top{align-items:flex-start}.p-dialog-top-left{justify-content:flex-start;align-items:flex-start}.p-dialog-top-right{justify-content:flex-end;align-items:flex-start}.p-dialog-bottom{align-items:flex-end}.p-dialog-bottom-left{justify-content:flex-start;align-items:flex-end}.p-dialog-bottom-right{justify-content:flex-end;align-items:flex-end}.p-dropdown{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.p-dropdown-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-dropdown-label{display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;visibility:hidden}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;font-weight:normal;white-space:nowrap;position:relative;overflow:hidden}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-loader-icon{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-dropdown{display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}.p-fieldset-legend>a,.p-fieldset-legend>span{display:flex;align-items:center;justify-content:center}.p-fieldset-toggleable .p-fieldset-legend a{cursor:pointer;user-select:none;overflow:hidden;position:relative;text-decoration:none}.p-fieldset-legend-text{line-height:1}.p-fileupload-content{position:relative}.p-fileupload-row{display:flex;align-items:center}.p-fileupload-row>div{flex:1 1 auto;width:25%}.p-fileupload-row>div:last-child{text-align:right}.p-fileupload-content .p-progressbar{width:100%;position:absolute;top:0;left:0}.p-button.p-fileupload-choose{position:relative;overflow:hidden}.p-button.p-fileupload-choose input[type=file]{display:none}.p-fileupload-choose.p-fileupload-choose-selected input[type=file]{display:none}.p-fluid .p-fileupload .p-button{width:auto}.p-galleria-content{display:flex;flex-direction:column}.p-galleria-item-wrapper{display:flex;flex-direction:column;position:relative}.p-galleria-item-container{position:relative;display:flex;height:100%}.p-galleria-item-nav{position:absolute;top:50%;margin-top:-.5rem;display:inline-flex;justify-content:center;align-items:center;overflow:hidden}.p-galleria-item-prev{left:0;border-top-left-radius:0;border-bottom-left-radius:0}.p-galleria-item-next{right:0;border-top-right-radius:0;border-bottom-right-radius:0}.p-galleria-item{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.p-galleria-item-nav-onhover .p-galleria-item-nav{pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav{pointer-events:all;opacity:1}.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled{pointer-events:none}.p-galleria-caption{position:absolute;bottom:0;left:0;width:100%}.p-galleria-thumbnail-wrapper{display:flex;flex-direction:column;overflow:auto;flex-shrink:0}.p-galleria-thumbnail-prev,.p-galleria-thumbnail-next{align-self:center;flex:0 0 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-galleria-thumbnail-prev span,.p-galleria-thumbnail-next span{display:flex;justify-content:center;align-items:center}.p-galleria-thumbnail-container{display:flex;flex-direction:row}.p-galleria-thumbnail-items-container{overflow:hidden}.p-galleria-thumbnail-items{display:flex}.p-galleria-thumbnail-item{overflow:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5}.p-galleria-thumbnail-item:hover{opacity:1;transition:opacity .3s}.p-galleria-thumbnail-item-current{opacity:1}.p-galleria-thumbnails-left .p-galleria-content,.p-galleria-thumbnails-right .p-galleria-content{flex-direction:row}.p-galleria-thumbnails-left .p-galleria-item-wrapper,.p-galleria-thumbnails-right .p-galleria-item-wrapper{flex-direction:row}.p-galleria-thumbnails-left .p-galleria-item-wrapper,.p-galleria-thumbnails-top .p-galleria-item-wrapper{order:2}.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper{order:1}.p-galleria-thumbnails-left .p-galleria-thumbnail-container,.p-galleria-thumbnails-right .p-galleria-thumbnail-container{flex-direction:column;flex-grow:1}.p-galleria-thumbnails-left .p-galleria-thumbnail-items,.p-galleria-thumbnails-right .p-galleria-thumbnail-items{flex-direction:column;height:100%}.p-galleria-indicators{display:flex;align-items:center;justify-content:center}.p-galleria-indicator>button{display:inline-flex;align-items:center}.p-galleria-indicators-left .p-galleria-item-wrapper,.p-galleria-indicators-right .p-galleria-item-wrapper{flex-direction:row;align-items:center}.p-galleria-indicators-left .p-galleria-item-container,.p-galleria-indicators-top .p-galleria-item-container{order:2}.p-galleria-indicators-left .p-galleria-indicators,.p-galleria-indicators-top .p-galleria-indicators{order:1}.p-galleria-indicators-left .p-galleria-indicators,.p-galleria-indicators-right .p-galleria-indicators{flex-direction:column}.p-galleria-indicator-onitem .p-galleria-indicators{position:absolute;display:flex}.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators{top:0;left:0;width:100%;align-items:flex-start}.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators{right:0;top:0;height:100%;align-items:flex-end}.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators{bottom:0;left:0;width:100%;align-items:flex-end}.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators{left:0;top:0;height:100%;align-items:flex-start}.p-galleria-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-galleria-mask.p-component-overlay{pointer-events:auto}.p-galleria-close{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.p-galleria-mask .p-galleria-item-nav{position:fixed;top:50%;margin-top:-.5rem}.p-galleria-enter{opacity:0;transform:scale(0.7)}.p-galleria-enter-active{opacity:1;transform:scale(1);transition:all 150ms cubic-bezier(0,0,0.2,1)}.p-galleria-enter-done{transform:none}.p-galleria-exit{opacity:1}.p-galleria-exit-active{opacity:0;transform:scale(0.7);transition:all 150ms cubic-bezier(0.4,0.0,0.2,1)}.p-galleria-enter-active .p-galleria-item-nav{opacity:0}.p-galleria-mask.p-galleria-mask-leave{background-color:transparent}.p-items-hidden .p-galleria-thumbnail-item{visibility:hidden}.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active{visibility:visible}.p-inplace .p-inplace-display{display:inline;cursor:pointer}.p-inplace .p-inplace-content{display:inline}.p-fluid .p-inplace.p-inplace-closable .p-inplace-content{display:flex}.p-fluid .p-inplace.p-inplace-closable .p-inplace-content>.p-inputtext{flex:1 1 auto;width:1%}.p-inputnumber{display:inline-flex}.p-inputnumber-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label{display:none}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-input{border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;padding:0}.p-inputnumber-buttons-stacked .p-inputnumber-button-group{display:flex;flex-direction:column}.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button{flex:1 1 auto}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up{order:3;border-top-left-radius:0;border-bottom-left-radius:0}.p-inputnumber-buttons-horizontal .p-inputnumber-input{order:2;border-radius:0}.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down{order:1;border-top-right-radius:0;border-bottom-right-radius:0}.p-inputnumber-buttons-vertical{flex-direction:column}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up{order:1;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%}.p-inputnumber-buttons-vertical .p-inputnumber-input{order:2;border-radius:0;text-align:center}.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down{order:3;border-top-left-radius:0;border-top-right-radius:0;width:100%}.p-inputnumber-input{flex:1 1 auto}.p-fluid .p-inputnumber{width:100%}.p-fluid .p-inputnumber .p-inputnumber-input{width:1%}.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input{width:100%}.p-inputswitch{position:relative;display:inline-block}.p-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.p-inputswitch-slider:before{position:absolute;content:"";top:50%}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-listbox-list-wrapper{overflow:auto}.p-listbox-list{list-style-type:none;margin:0;padding:0}.p-listbox-item{cursor:pointer;position:relative;overflow:hidden}.p-listbox-filter-container{position:relative}.p-listbox-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-listbox-filter{width:100%}.p-megamenu-root-list{margin:0;padding:0;list-style:none}.p-megamenu-root-list>.p-menuitem{position:relative}.p-megamenu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-megamenu .p-menuitem-text{line-height:1}.p-megamenu-panel{display:none;position:absolute;width:auto;z-index:1}.p-megamenu-root-list>.p-menuitem-active>.p-megamenu-panel{display:block}.p-megamenu-submenu{margin:0;padding:0;list-style:none}.p-megamenu-horizontal .p-megamenu-root-list{display:flex;align-items:center;flex-wrap:wrap}.p-megamenu-vertical .p-megamenu-root-list{flex-direction:column}.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem-active>.p-megamenu-panel{left:100%;top:0}.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon{margin-left:auto}.p-megamenu-grid{display:flex}.p-megamenu-col-2,.p-megamenu-col-3,.p-megamenu-col-4,.p-megamenu-col-6,.p-megamenu-col-12{flex:0 0 auto;padding:.5rem}.p-megamenu-col-2{width:16.6667%}.p-megamenu-col-3{width:25%}.p-megamenu-col-4{width:33.3333%}.p-megamenu-col-6{width:50%}.p-megamenu-col-12{width:100%}.p-menu-overlay{position:absolute}.p-menu ul{margin:0;padding:0;list-style:none}.p-menu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menu .p-menuitem-text{line-height:1}.p-menubar{display:flex;align-items:center}.p-menubar ul{margin:0;padding:0;list-style:none}.p-menubar .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-menubar .p-menuitem-text{line-height:1}.p-menubar .p-menuitem{position:relative}.p-menubar-root-list{display:flex;align-items:center}.p-menubar-root-list>li ul{display:none;z-index:1}.p-menubar-root-list>.p-menuitem-active>.p-submenu-list{display:block}.p-menubar .p-submenu-list{display:none;position:absolute;z-index:1}.p-menubar .p-submenu-list>.p-menuitem-active>.p-submenu-list{display:block;left:100%;top:0}.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-menubar .p-menubar-custom,.p-menubar .p-menubar-end{margin-left:auto;align-self:center}.p-menubar-button{display:none;cursor:pointer;align-items:center;justify-content:center}.p-inline-message{display:inline-flex;align-items:center;justify-content:center;vertical-align:top}.p-inline-message-icon-only .p-inline-message-text{visibility:hidden;width:0}.p-fluid .p-inline-message{display:flex}.p-message-wrapper{display:flex;align-items:center}.p-message-close{display:flex;align-items:center;justify-content:center}.p-message-close.p-link{margin-left:auto;overflow:hidden;position:relative}.p-message-enter{opacity:0}.p-message-enter-active{opacity:1;transition:opacity .3s}.p-message-exit{opacity:1;max-height:1000px}.p-message-exit-active{opacity:0;max-height:0;margin:0;overflow:hidden;transition:max-height .3s cubic-bezier(0,1,0,1),opacity .3s,margin .3s}.p-message-exit-active .p-message-close{display:none}.p-multiselect{display:inline-flex;cursor:pointer;position:relative;user-select:none}.p-multiselect-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-multiselect-label-container{overflow:hidden;flex:1 1 auto;cursor:pointer}.p-multiselect-label{display:block;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.p-multiselect-label-empty{overflow:hidden;visibility:hidden}.p-multiselect-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.p-multiselect-token-icon{cursor:pointer}.p-multiselect .p-multiselect-panel{min-width:100%}.p-multiselect-panel{position:absolute}.p-multiselect-items-wrapper{overflow:auto}.p-multiselect-items{margin:0;padding:0;list-style-type:none}.p-multiselect-item{cursor:pointer;display:flex;align-items:center;font-weight:normal;white-space:nowrap;position:relative;overflow:hidden}.p-multiselect-header{display:flex;align-items:center;justify-content:space-between}.p-multiselect-filter-container{position:relative;flex:1 1 auto}.p-multiselect-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-multiselect-filter-container .p-inputtext{width:100%}.p-multiselect-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.p-multiselect-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-multiselect{display:flex}.p-orderlist{display:flex}.p-orderlist-controls{display:flex;flex-direction:column;justify-content:center}.p-orderlist-list-container{flex:1 1 auto}.p-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;min-height:12rem;max-height:24rem}.p-orderlist-item{cursor:pointer;overflow:hidden;position:relative}.p-orderlist.p-state-disabled .p-orderlist-item,.p-orderlist.p-state-disabled .p-button{cursor:default}.p-orderlist.p-state-disabled .p-orderlist-list{overflow:hidden}.p-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.p-organizationchart-table>tbody>tr>td{text-align:center;vertical-align:top;padding:0 .75rem}.p-organizationchart-node-content{display:inline-block;position:relative}.p-organizationchart-node-content .p-node-toggler{position:absolute;bottom:-.75rem;margin-left:-.75rem;z-index:2;left:50%;user-select:none;cursor:pointer;width:1.5rem;height:1.5rem}.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{position:relative;top:.25rem}.p-organizationchart-line-down{margin:0 auto;height:20px;width:1px}.p-organizationchart-line-right{border-radius:0}.p-organizationchart-line-left{border-radius:0}.p-organizationchart-selectable-node{cursor:pointer}.p-overlaypanel{position:absolute;margin-top:10px}.p-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.p-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-overlaypanel-enter{opacity:0;transform:scaleY(0.8)}.p-overlaypanel-enter-active{opacity:1;transform:scaleY(1);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-overlaypanel-enter-done{transform:none}.p-overlaypanel-exit{opacity:1}.p-overlaypanel-exit-active{opacity:0;transition:opacity .1s linear}.p-overlaypanel:after,.p-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:" ";height:0;width:0;position:absolute;pointer-events:none}.p-overlaypanel:after{border-width:8px;margin-left:-8px}.p-overlaypanel:before{border-width:10px;margin-left:-10px}.p-overlaypanel-flipped:after,.p-overlaypanel-flipped:before{bottom:auto;top:100%}.p-overlaypanel.p-overlaypanel-flipped:after{border-bottom-color:transparent}.p-overlaypanel.p-overlaypanel-flipped:before{border-bottom-color:transparent}.p-paginator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.p-paginator-left-content{margin-right:auto}.p-paginator-right-content{margin-left:auto}.p-paginator-page,.p-paginator-next,.p-paginator-last,.p-paginator-first,.p-paginator-prev,.p-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;user-select:none;overflow:hidden;position:relative}.p-paginator-element:focus{z-index:1;position:relative}.p-panel-header{display:flex;justify-content:space-between;align-items:center}.p-panel-title{line-height:1}.p-panel-header-icon{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;overflow:hidden;position:relative}.p-password-panel{position:absolute}.p-password-meter{position:relative;height:10px}.p-password-strength{position:absolute;left:0;top:0;height:100%;width:0;transition:width 1s ease-in-out}.p-panelmenu .p-panelmenu-header-link{display:flex;align-items:center;user-select:none;cursor:pointer;position:relative;text-decoration:none}.p-panelmenu .p-panelmenu-header-link:focus{z-index:1}.p-panelmenu .p-submenu-list{margin:0;padding:0;list-style:none}.p-panelmenu .p-menuitem-link{display:flex;align-items:center;user-select:none;cursor:pointer;text-decoration:none}.p-panelmenu .p-menuitem-text{line-height:1}.p-picklist{display:flex}.p-picklist-buttons{display:flex;flex-direction:column;justify-content:center}.p-picklist-list-wrapper{flex:1 1 50%}.p-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;min-height:12rem;max-height:24rem}.p-picklist-item{cursor:pointer;overflow:hidden;position:relative}.p-progressbar{position:relative;overflow:hidden}.p-progressbar-determinate .p-progressbar-value{height:100%;width:0;position:absolute;display:none;border:0 none}.p-progressbar-determinate .p-progressbar-value-animate{transition:width 1s ease-in-out}.p-progressbar-determinate .p-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;font-weight:bold}.p-progressbar-indeterminate .p-progressbar-value::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}.p-progressbar-indeterminate .p-progressbar-value::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.p-progress-spinner{position:relative;margin:0 auto;width:100px;height:100px;display:inline-block}.p-progress-spinner::before{content:'';display:block;padding-top:100%}.p-progress-spinner-svg{animation:p-progress-spinner-rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.p-progress-spinner-circle{stroke-dasharray:89,200;stroke-dashoffset:0;stroke:#d62d20;animation:p-progress-spinner-dash 1.5s ease-in-out infinite,p-progress-spinner-color 6s ease-in-out infinite;stroke-linecap:round}@keyframes p-progress-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes p-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes p-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}.p-rating-icon{cursor:pointer}.p-rating.p-rating-readonly .p-rating-icon{cursor:default}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-scrollpanel-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:1;float:left}.p-scrollpanel-content{height:calc(100% + 18px);width:calc(100% + 18px);padding:0 18px 18px 0;position:relative;overflow:auto;box-sizing:border-box}.p-scrollpanel-bar{position:relative;background:#c1c1c1;border-radius:3px;z-index:2;cursor:pointer;opacity:0;transition:opacity .25s linear}.p-scrollpanel-bar-y{width:9px;top:0}.p-scrollpanel-bar-x{height:9px;bottom:0}.p-scrollpanel-hidden{visibility:hidden}.p-scrollpanel:hover .p-scrollpanel-bar,.p-scrollpanel:active .p-scrollpanel-bar{opacity:1}.p-scrollpanel-grabbed{user-select:none}.p-sidebar{position:fixed}.p-sidebar-content{position:relative}.p-sidebar-icons{display:flex;align-items:center;justify-content:flex-end}.p-sidebar-icon{display:flex;align-items:center;justify-content:center}.p-sidebar-mask{background-color:transparent;transition-property:background-color}.p-sidebar-mask-leave.p-component-overlay{background-color:transparent}.p-sidebar-left{top:0;left:0;width:20rem;height:100%}.p-sidebar-right{top:0;right:0;width:20rem;height:100%}.p-sidebar-top{top:0;left:0;width:100%;height:10rem}.p-sidebar-bottom{bottom:0;left:0;width:100%;height:10rem}.p-sidebar-full{width:100%;height:100%;top:0;left:0;-webkit-transition:none;transition:none}.p-sidebar-left.p-sidebar-enter{transform:translateX(-100%)}.p-sidebar-left.p-sidebar-enter-active{transform:translateX(0);transition:transform .3s}.p-sidebar-left.p-sidebar-exit{transform:translateX(0)}.p-sidebar-left.p-sidebar-exit-active{transform:translateX(-100%);transition:transform .3s}.p-sidebar-right.p-sidebar-enter{transform:translateX(100%)}.p-sidebar-right.p-sidebar-enter-active{transform:translateX(0);transition:transform .3s}.p-sidebar-right.p-sidebar-exit{transform:translateX(0)}.p-sidebar-right.p-sidebar-exit-active{transform:translateX(100%);transition:transform .3s}.p-sidebar-top.p-sidebar-enter{transform:translateY(-100%)}.p-sidebar-top.p-sidebar-enter-active{transform:translateY(0);transition:transform .3s}.p-sidebar-top.p-sidebar-exit{transform:translateY(0)}.p-sidebar-top.p-sidebar-exit-active{transform:translateY(-100%);transition:transform .3s}.p-sidebar-bottom.p-sidebar-enter{transform:translateY(100%)}.p-sidebar-bottom.p-sidebar-enter-active{transform:translateY(0);transition:transform .3s}.p-sidebar-bottom.p-sidebar-exit{transform:translateY(0)}.p-sidebar-bottom.p-sidebar-exit-active{transform:translateY(100%);transition:transform .3s}.p-sidebar-full.p-sidebar-enter{opacity:0}.p-sidebar-full.p-sidebar-enter-active{opacity:1;transition:opacity 400ms cubic-bezier(0.25,0.8,0.25,1)}.p-sidebar-full.p-sidebar-exit{opacity:1}.p-sidebar-full.p-sidebar-exit-active{opacity:0;transition:opacity 400ms cubic-bezier(0.25,0.8,0.25,1)}.p-sidebar-left.p-sidebar-sm,.p-sidebar-right.p-sidebar-sm{width:20rem}.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-md{width:40rem}.p-sidebar-left.p-sidebar-lg,.p-sidebar-right.p-sidebar-lg{width:60rem}.p-sidebar-top.p-sidebar-sm,.p-sidebar-bottom.p-sidebar-sm{height:10rem}.p-sidebar-top.p-sidebar-md,.p-sidebar-bottom.p-sidebar-md{height:20rem}.p-sidebar-top.p-sidebar-lg,.p-sidebar-bottom.p-sidebar-lg{height:30rem}@media screen and (max-width:64em){.p-sidebar-left.p-sidebar-lg,.p-sidebar-left.p-sidebar-md,.p-sidebar-right.p-sidebar-lg,.p-sidebar-right.p-sidebar-md{width:20rem}}.p-slidemenu{width:12.5em}.p-slidemenu.p-slidemenu-overlay{position:absolute}.p-slidemenu .p-menu-separator{border-width:1px 0 0 0}.p-slidemenu ul{list-style:none;margin:0;padding:0}.p-slidemenu .p-slidemenu-rootlist{position:absolute;top:0}.p-slidemenu .p-submenu-list{display:none;position:absolute;top:0;width:12.5em}.p-slidemenu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden}.p-slidemenu .p-menuitem-icon{vertical-align:middle}.p-slidemenu .p-menuitem-text{vertical-align:middle}.p-slidemenu .p-menuitem{position:relative}.p-slidemenu .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-slidemenu .p-slidemenu-wrapper{position:relative}.p-slidemenu .p-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative;height:100%}.p-slidemenu-backward{position:absolute;bottom:0;width:100%;padding:.25em;cursor:pointer}.p-slidemenu-backward .p-slidemenu-backward-icon{vertical-align:middle}.p-slidemenu-backward span{vertical-align:middle}.p-slidemenu .p-menuitem-active{position:static}.p-slidemenu .p-menuitem-active>.p-submenu-list{display:block}.p-slider{position:relative}.p-slider .p-slider-handle{position:absolute;cursor:grab;touch-action:none;display:block;z-index:1}.p-slider .p-slider-handle.p-slider-handle-active{z-index:2}.p-slider-range{position:absolute;display:block}.p-slider-horizontal .p-slider-range{top:0;left:0;height:100%}.p-slider-horizontal .p-slider-handle{top:50%}.p-slider-vertical{height:100px}.p-slider-vertical .p-slider-handle{left:50%}.p-slider-vertical .p-slider-range{bottom:0;left:0;width:100%}.p-splitbutton{display:inline-flex;position:relative}.p-splitbutton .p-splitbutton-defaultbutton{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.p-splitbutton-menubutton{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.p-splitbutton .p-menu{min-width:100%}.p-fluid .p-splitbutton{display:flex}.p-steps{position:relative}.p-steps ul{padding:0;margin:0;list-style-type:none;display:flex}.p-steps-item{position:relative;display:flex;justify-content:center;flex:1 1 auto}.p-steps-item .p-menuitem-link{display:inline-flex;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}.p-steps.p-steps-readonly .p-steps-item{cursor:auto}.p-steps-item.p-steps-current .p-menuitem-link{cursor:default}.p-steps-title{white-space:nowrap}.p-steps-number{display:flex;align-items:center;justify-content:center}.p-steps-title{display:block}.p-tabmenu-nav{display:flex;margin:0;padding:0;list-style-type:none;flex-wrap:wrap}.p-tabmenu-nav a{cursor:pointer;user-select:none;display:flex;align-items:center;position:relative;text-decoration:none;text-decoration:none;overflow:hidden}.p-tabmenu-nav a:focus{z-index:1}.p-tabmenu-nav .p-menuitem-text{line-height:1}.p-tabmenu-ink-bar{display:none;z-index:1}.p-tabview-nav{display:flex;margin:0;padding:0;list-style-type:none;flex-wrap:wrap}.p-tabview-nav-link{cursor:pointer;user-select:none;display:flex;align-items:center;position:relative;text-decoration:none;overflow:hidden}.p-tabview-ink-bar{display:none;z-index:1}.p-tabview-nav-link:focus{z-index:1}.p-tabview-title{line-height:1}.p-tieredmenu-overlay{position:absolute}.p-tieredmenu ul{margin:0;padding:0;list-style:none}.p-tieredmenu .p-submenu-list{position:absolute;min-width:100%;z-index:1;display:none}.p-tieredmenu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative;width:100%;border:0;background:transparent}.p-tieredmenu .p-menuitem-text{line-height:1}.p-tieredmenu .p-menuitem{position:relative}.p-tieredmenu .p-menuitem-link .p-submenu-icon{margin-left:auto}.p-tieredmenu .p-menuitem-active>.p-submenu-list{display:block;left:100%;top:0}.p-timeline{display:flex;flex-grow:1;flex-direction:column}.p-timeline-left .p-timeline-event-opposite{text-align:right}.p-timeline-left .p-timeline-event-content{text-align:left}.p-timeline-right .p-timeline-event{flex-direction:row-reverse}.p-timeline-right .p-timeline-event-opposite{text-align:left}.p-timeline-right .p-timeline-event-content{text-align:right}.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even){flex-direction:row-reverse}.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite{text-align:right}.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content{text-align:left}.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite{text-align:left}.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content{text-align:right}.p-timeline-event{display:flex;position:relative;min-height:70px}.p-timeline-event:last-child{min-height:0}.p-timeline-event-opposite{flex:1;padding:0 1rem}.p-timeline-event-content{flex:1;padding:0 1rem}.p-timeline-event-separator{flex:0;display:flex;align-items:center;flex-direction:column}.p-timeline-event-marker{display:flex;align-self:baseline}.p-timeline-event-connector{flex-grow:1}.p-timeline-horizontal{flex-direction:row}.p-timeline-horizontal .p-timeline-event{flex-direction:column;flex:1}.p-timeline-horizontal .p-timeline-event:last-child{flex:0}.p-timeline-horizontal .p-timeline-event-separator{flex-direction:row}.p-timeline-horizontal .p-timeline-event-connector{width:100%}.p-timeline-bottom .p-timeline-event{flex-direction:column-reverse}.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even){flex-direction:column-reverse}.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;margin-left:-10em}.p-toast-bottom-center{bottom:20px;left:50%;margin-left:-10em}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}.p-toolbar{display:flex;align-items:center;justify-content:space-between}.p-toolbar-group-left,.p-toolbar-group-right{display:flex;align-items:center}.p-tooltip{position:absolute;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}.p-tree-container{margin:0;padding:0;list-style-type:none;overflow:auto}.p-treenode-children{margin:0;padding:0;list-style-type:none}.p-treenode-selectable{cursor:pointer;user-select:none}.p-tree-toggler{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-treenode-leaf>.p-treenode-content .p-tree-toggler{visibility:hidden}.p-treenode-content{display:flex;align-items:center}.p-tree-filter{width:100%}.p-tree-filter-container{position:relative;display:block;width:100%}.p-tree-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-tree-loading{position:relative;min-height:4rem}.p-tree .p-tree-loading-overlay{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center}.p-treetable{position:relative}.p-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.p-treetable .p-sortable-column{cursor:pointer;user-select:none}.p-treetable-auto-layout>.p-treetable-wrapper{overflow-x:auto}.p-treetable-auto-layout>.p-treetable-wrapper>table{table-layout:auto}.p-treetable-hoverable-rows .p-treetable-tbody>tr{cursor:pointer}.p-treetable-toggler{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;position:relative}.p-treetable-toggler+.p-checkbox{vertical-align:middle}.p-treetable-toggler+.p-checkbox+span{vertical-align:middle}.p-treetable-resizable>.p-treetable-wrapper{overflow-x:auto}.p-treetable-resizable .p-treetable-thead>tr>th,.p-treetable-resizable .p-treetable-tfoot>tr>td,.p-treetable-resizable .p-treetable-tbody>tr>td{overflow:hidden}.p-treetable-resizable .p-resizable-column{background-clip:padding-box;position:relative}.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer{display:none}.p-treetable .p-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.p-treetable .p-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.p-treetable-scrollable-wrapper{position:relative}.p-treetable-scrollable-header,.p-treetable-scrollable-footer{overflow:hidden;border:0 none}.p-treetable-scrollable-body{overflow:auto;position:relative}.p-treetable-virtual-table{position:absolute}.p-treetable-frozen-view .p-treetable-scrollable-body{overflow:hidden}.p-treetable-unfrozen-view{position:absolute;top:0;left:0}.p-treetable-reorder-indicator-up,.p-treetable-reorder-indicator-down{position:absolute;display:none}.p-treetable .p-treetable-loading-overlay{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1}@font-face {
|
10746
10766
|
font-family: 'PrimeIcons';
|
10747
10767
|
font-display: auto;
|
@@ -11873,6 +11893,7 @@
|
|
11873
11893
|
--sd-colour-state--done: var(--sd-colour-success); }
|
11874
11894
|
|
11875
11895
|
[data-theme="dark-ui"] {
|
11896
|
+
--sd-card-header-bg-color--secondary: hsla(214, 30%, 30%, 1);
|
11876
11897
|
--sd-colour-interactive-hs: 160, 50%;
|
11877
11898
|
--sd-colour-interactive-l--05: var(--sd-colour-interactive-hs), 6%;
|
11878
11899
|
--sd-colour-interactive-l--10: var(--sd-colour-interactive-hs), 10%;
|
@@ -12029,6 +12050,12 @@
|
|
12029
12050
|
--sd-colour-interactive-btn-border: hsla(var(--sd-colour-interactive-l--50), 0.5); }
|
12030
12051
|
|
12031
12052
|
:root, [data-theme="light-ui"] {
|
12053
|
+
--sd-card-header-bg-color--normal: hsla(214, 20%, 42%, 1);
|
12054
|
+
--sd-card-header-bg-color--secondary: hsla(214, 30%, 20%, 1);
|
12055
|
+
--sd-card-header-bg-color--inactive: hsla(214, 13%, 74%, 1);
|
12056
|
+
--sd-card-header-bg-color--active: hsla(214, 40%, 50%, 1);
|
12057
|
+
--sd-card-header-bg-color--light: var(--sd-colour-panel-bg--300);
|
12058
|
+
--sd-card-header-bg-color--gradient-1: linear-gradient(180deg, rgba(96,184,194,1) 2%, rgba(30,176,108,1) 90%);
|
12032
12059
|
--sd-colour-test-1: hsl(308 71% 40% / 50%);
|
12033
12060
|
--sd-colour-test-2: hsl(9 59% 49% / 0.5);
|
12034
12061
|
--sd-colour-background__main-list: hsla(0, 0%, 97%, 1);
|
@@ -12094,7 +12121,7 @@
|
|
12094
12121
|
--color-text: hsla(0, 0%, 96%, 1);
|
12095
12122
|
--color-text-light: hsla(214, 13%, 76%, 1);
|
12096
12123
|
--color-text-lighter: hsla(214, 13%, 56%, 1);
|
12097
|
-
--color-icon-default: hsla(214, 13%,
|
12124
|
+
--color-icon-default: hsla(214, 13%, 90%, 1);
|
12098
12125
|
--sd-slugline-color: hsla(197, 60%, 75%, 1) !important;
|
12099
12126
|
--sd-time-schedule-color: hsla(268, 60%, 65%, 1);
|
12100
12127
|
--sd-navy-color: hsla(240, 90%, 75%, 1);
|
@@ -17349,7 +17376,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
17349
17376
|
|
17350
17377
|
.sd-text__info {
|
17351
17378
|
font-weight: 300;
|
17352
|
-
color:
|
17379
|
+
color: var(--color-text-light); }
|
17353
17380
|
|
17354
17381
|
.sd-text-icon {
|
17355
17382
|
display: inline-flex; }
|
@@ -34386,26 +34413,26 @@ a.label {
|
|
34386
34413
|
padding: 1.2rem; }
|
34387
34414
|
|
34388
34415
|
.nav-tabs-vertical {
|
34389
|
-
width:
|
34390
|
-
border-right: 1px solid
|
34416
|
+
width: 3rem;
|
34417
|
+
border-right: 1px solid var(--sd-colour-line--medium);
|
34391
34418
|
transition: all .2s ease-out .3s;
|
34392
34419
|
opacity: 1; }
|
34393
34420
|
.nav-tabs-vertical__list {
|
34394
|
-
width:
|
34421
|
+
width: 3rem;
|
34395
34422
|
list-style: none;
|
34396
34423
|
margin: 0;
|
34397
34424
|
padding: 0; }
|
34398
34425
|
.nav-tabs-vertical__tab {
|
34399
34426
|
display: inline-block;
|
34400
|
-
width:
|
34401
|
-
line-height:
|
34427
|
+
width: 3rem;
|
34428
|
+
line-height: 1; }
|
34402
34429
|
.nav-tabs-vertical__tab--active .nav-tabs-vertical__link {
|
34403
|
-
color:
|
34430
|
+
color: var(--color-text); }
|
34404
34431
|
.nav-tabs-vertical__link {
|
34405
34432
|
display: inline-block;
|
34406
34433
|
font-size: 1.1rem;
|
34407
34434
|
font-weight: 500;
|
34408
|
-
color:
|
34435
|
+
color: var(--color-text-light);
|
34409
34436
|
text-transform: uppercase;
|
34410
34437
|
white-space: nowrap;
|
34411
34438
|
margin: 10px 0;
|
@@ -34414,7 +34441,7 @@ a.label {
|
|
34414
34441
|
transform: translateX(20px) rotate(90deg);
|
34415
34442
|
transform-origin: 0 0; }
|
34416
34443
|
.nav-tabs-vertical__link:hover {
|
34417
|
-
color:
|
34444
|
+
color: var(--color-text); }
|
34418
34445
|
.nav-tabs-vertical__link:after {
|
34419
34446
|
content: "";
|
34420
34447
|
float: left;
|
@@ -34500,7 +34527,7 @@ a.label {
|
|
34500
34527
|
display: table-row-group; }
|
34501
34528
|
.sd-display-table__head .sd-display-table__cell {
|
34502
34529
|
font-weight: 600;
|
34503
|
-
border-bottom: 2px solid
|
34530
|
+
border-bottom: 2px solid var(--sd-colour-line--light); }
|
34504
34531
|
|
34505
34532
|
.sd-display-table__body {
|
34506
34533
|
display: table-row-group; }
|
@@ -34511,7 +34538,7 @@ a.label {
|
|
34511
34538
|
.sd-display-table__cell {
|
34512
34539
|
display: table-cell;
|
34513
34540
|
padding: 1.2rem 0.8rem;
|
34514
|
-
border-bottom: 1px solid
|
34541
|
+
border-bottom: 1px solid var(--sd-colour-line--light);
|
34515
34542
|
font-weight: 500;
|
34516
34543
|
text-align: start; }
|
34517
34544
|
.sd-display-table__cell.sd-table-two-rows {
|
@@ -34531,14 +34558,14 @@ a.label {
|
|
34531
34558
|
flex-wrap: nowrap;
|
34532
34559
|
justify-content: center;
|
34533
34560
|
padding: 1.2rem 0.8rem;
|
34534
|
-
border-bottom: 1px solid
|
34561
|
+
border-bottom: 1px solid var(--sd-colour-line--light);
|
34535
34562
|
font-weight: 500;
|
34536
34563
|
text-align: start;
|
34537
34564
|
min-width: 120px; }
|
34538
34565
|
|
34539
34566
|
.sd-flex-table--head .sd-flex-table__cell {
|
34540
34567
|
font-weight: 600;
|
34541
|
-
border-bottom: 2px solid
|
34568
|
+
border-bottom: 2px solid var(--sd-colour-line--light); }
|
34542
34569
|
|
34543
34570
|
/* Thanks to Jase Smith - codepen.io/jasesmith */
|
34544
34571
|
[sd-tooltip],
|
@@ -37913,8 +37940,6 @@ input.sd-inset-search__input {
|
|
37913
37940
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); }
|
37914
37941
|
.side-panel.side-panel--transparent {
|
37915
37942
|
background-color: transparent; }
|
37916
|
-
.side-panel.side-panel--transparent .side-panel__header {
|
37917
|
-
background-color: rgba(255, 255, 255, 0.2); }
|
37918
37943
|
.side-panel--bg-000, .side-panel--light {
|
37919
37944
|
background-color: var(--sd-colour-panel-bg--000); }
|
37920
37945
|
.side-panel--bg-100, .side-panel--light-grey {
|
@@ -40534,13 +40559,13 @@ input.sd-inset-search__input {
|
|
40534
40559
|
|
40535
40560
|
.sd-content-navigation-panel {
|
40536
40561
|
width: 20rem;
|
40537
|
-
background-color:
|
40562
|
+
background-color: var(--sd-colour-background__left-nav);
|
40538
40563
|
flex-shrink: 0;
|
40539
40564
|
display: flex;
|
40540
40565
|
flex-direction: column;
|
40541
40566
|
overflow: auto;
|
40542
40567
|
overflow-x: hidden;
|
40543
|
-
border-right-color:
|
40568
|
+
border-right-color: var(--sd-colour-line--light);
|
40544
40569
|
border-right-style: solid;
|
40545
40570
|
border-right-width: 0;
|
40546
40571
|
transition: all .2s ease-out .1s; }
|
@@ -41989,16 +42014,15 @@ a.text-link {
|
|
41989
42014
|
.sd-card .sd-card__actions-group {
|
41990
42015
|
display: flex;
|
41991
42016
|
align-items: center;
|
41992
|
-
margin-
|
41993
|
-
|
41994
|
-
margin-left: .6rem; }
|
42017
|
+
margin-inline-end: var(--gap--x-small);
|
42018
|
+
gap: var(--gap--x-small); }
|
41995
42019
|
.sd-card .sd-card__header {
|
41996
42020
|
position: relative;
|
41997
42021
|
flex-grow: 0;
|
41998
42022
|
display: flex;
|
41999
42023
|
flex-direction: row;
|
42000
42024
|
align-items: center;
|
42001
|
-
background-color:
|
42025
|
+
background-color: var(--sd-card-header-bg-color--normal);
|
42002
42026
|
padding: 0;
|
42003
42027
|
min-height: 4.4rem;
|
42004
42028
|
color: white;
|
@@ -42021,11 +42045,11 @@ a.text-link {
|
|
42021
42045
|
.sd-card .sd-card__header--light::before, .sd-card .sd-card__header--white::before {
|
42022
42046
|
background-color: rgba(111, 125, 144, 0.5); }
|
42023
42047
|
.sd-card .sd-card__header--light {
|
42024
|
-
background-color: var(--sd-
|
42048
|
+
background-color: var(--sd-card-header-bg-color--light); }
|
42025
42049
|
.sd-card .sd-card__header--light .sd-card__thumbnail {
|
42026
42050
|
background-color: var(--sd-item__thumb-Bg--light); }
|
42027
42051
|
.sd-card .sd-card__header--gradient-1 {
|
42028
|
-
background:
|
42052
|
+
background: var(--sd-card-header-bg-color--gradient-1); }
|
42029
42053
|
.sd-card .sd-card__header--gradient-1 .sd-card__thumbnail {
|
42030
42054
|
background-color: transparent; }
|
42031
42055
|
.sd-card .sd-card__header--blank {
|
@@ -42045,15 +42069,15 @@ a.text-link {
|
|
42045
42069
|
.sd-card .sd-card__header--padding {
|
42046
42070
|
padding: 1rem 0; }
|
42047
42071
|
.sd-card .sd-card__header--secondary-color {
|
42048
|
-
background-color: var(--
|
42072
|
+
background-color: var(--sd-card-header-bg-color--secondary); }
|
42049
42073
|
.sd-card--active .sd-card__header {
|
42050
|
-
background-color:
|
42074
|
+
background-color: var(--sd-card-header-bg-color--active); }
|
42051
42075
|
.sd-card--inactive .sd-card__header {
|
42052
|
-
background-color:
|
42076
|
+
background-color: var(--sd-card-header-bg-color--inactive); }
|
42053
42077
|
.sd-card .sd-card__heading {
|
42054
42078
|
padding-left: 1.2rem;
|
42055
42079
|
padding-right: 1.2rem;
|
42056
|
-
padding-
|
42080
|
+
padding-block-start: 0.4rem;
|
42057
42081
|
flex-grow: 1;
|
42058
42082
|
font-size: 1.2rem;
|
42059
42083
|
line-height: 100%;
|
@@ -42064,14 +42088,26 @@ a.text-link {
|
|
42064
42088
|
overflow: hidden;
|
42065
42089
|
color: inherit; }
|
42066
42090
|
.sd-card .sd-card__heading--editable {
|
42067
|
-
padding:
|
42068
|
-
text-transform: initial; }
|
42069
|
-
.sd-card .sd-card__heading--editable
|
42070
|
-
|
42071
|
-
|
42072
|
-
|
42091
|
+
padding: var(--gap--small) var(--gap--small) var(--gap--small);
|
42092
|
+
text-transform: initial !important; }
|
42093
|
+
.sd-card .sd-card__heading--editable .sd-card__heading-dummy-input {
|
42094
|
+
display: flex;
|
42095
|
+
align-items: center;
|
42096
|
+
height: 3.2rem;
|
42097
|
+
border: 2px solid transparent;
|
42098
|
+
border-radius: var(--b-radius--medium);
|
42099
|
+
padding: 0 0.8rem;
|
42100
|
+
transition: all 0.2s ease;
|
42101
|
+
text-transform: initial !important;
|
42102
|
+
font-size: 1.4rem;
|
42103
|
+
font-weight: 400;
|
42104
|
+
letter-spacing: 0;
|
42105
|
+
line-height: 1; }
|
42106
|
+
.sd-card .sd-card__heading--editable .sd-card__heading-dummy-input:hover {
|
42107
|
+
border-color: var(--color-input-border);
|
42108
|
+
cursor: text; }
|
42073
42109
|
.sd-card .sd-card__sub-header {
|
42074
|
-
background-color: #
|
42110
|
+
background-color: #9eafb7;
|
42075
42111
|
display: flex;
|
42076
42112
|
align-items: center;
|
42077
42113
|
color: white;
|
@@ -42101,7 +42137,7 @@ a.text-link {
|
|
42101
42137
|
.sd-card .sd-card__btn-group .btn [class*=" icon-"] {
|
42102
42138
|
color: white; }
|
42103
42139
|
.sd-card .sd-card__thumbnail {
|
42104
|
-
margin-
|
42140
|
+
margin-block-start: 0.4rem;
|
42105
42141
|
line-height: 0;
|
42106
42142
|
background-color: var(--sd-item__thumb-Bg); }
|
42107
42143
|
.sd-card .sd-card__thumbnail + .sd-card__heading {
|
@@ -42120,9 +42156,9 @@ a.text-link {
|
|
42120
42156
|
font-size: 11px;
|
42121
42157
|
color: rgba(0, 0, 0, 0.5);
|
42122
42158
|
letter-spacing: 0.04em;
|
42123
|
-
margin-
|
42159
|
+
margin-block-end: 4px; }
|
42124
42160
|
.sd-card .sd-card__content h4.with-value {
|
42125
|
-
margin-
|
42161
|
+
margin-block-end: 0; }
|
42126
42162
|
.sd-card .sd-card__content h4 .label {
|
42127
42163
|
float: right;
|
42128
42164
|
height: 15px;
|
@@ -42147,16 +42183,17 @@ a.text-link {
|
|
42147
42183
|
text-transform: initial; }
|
42148
42184
|
.sd-card .sd-card__content--scrollable {
|
42149
42185
|
min-height: 20vh;
|
42150
|
-
max-height:
|
42186
|
+
max-height: 34vh;
|
42151
42187
|
overflow-y: auto; }
|
42152
42188
|
.sd-card .sd-card__content--padd-10 {
|
42153
42189
|
padding: 1rem; }
|
42154
|
-
.sd-card .sd-card__content-heading,
|
42190
|
+
.sd-card .sd-card__content-heading,
|
42191
|
+
.sd-card h4.sd-card__content-heading {
|
42155
42192
|
text-transform: none;
|
42156
42193
|
color: inherit;
|
42157
42194
|
font-size: 1.6rem;
|
42158
42195
|
letter-spacing: initial;
|
42159
|
-
padding-
|
42196
|
+
padding-block-end: 0.8rem; }
|
42160
42197
|
.sd-card .sd-card__placeholder {
|
42161
42198
|
padding: 16px;
|
42162
42199
|
flex-grow: 1;
|
@@ -42173,27 +42210,37 @@ a.text-link {
|
|
42173
42210
|
margin: -16px;
|
42174
42211
|
padding: 0;
|
42175
42212
|
list-style: none; }
|
42176
|
-
.sd-card .sd-card__content-list li,
|
42177
|
-
|
42213
|
+
.sd-card .sd-card__content-list li,
|
42214
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item {
|
42215
|
+
padding: var(--gap--medium);
|
42178
42216
|
border-bottom: 1px solid var(--sd-colour-line--light); }
|
42179
|
-
.sd-card .sd-card__content-list li--inline,
|
42217
|
+
.sd-card .sd-card__content-list li--inline,
|
42218
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--inline {
|
42180
42219
|
display: flex; }
|
42181
|
-
.sd-card .sd-card__content-list li--inline h4,
|
42220
|
+
.sd-card .sd-card__content-list li--inline h4,
|
42221
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--inline h4 {
|
42182
42222
|
flex: 1 1; }
|
42183
|
-
.sd-card .sd-card__content-list li--inline span,
|
42223
|
+
.sd-card .sd-card__content-list li--inline span,
|
42224
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--inline span {
|
42184
42225
|
flex: 1 1;
|
42185
42226
|
text-align: end; }
|
42186
|
-
.sd-card .sd-card__content-list li .sd-card__content-list-inline-span,
|
42227
|
+
.sd-card .sd-card__content-list li .sd-card__content-list-inline-span,
|
42228
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item .sd-card__content-list-inline-span {
|
42187
42229
|
display: inline-block; }
|
42188
|
-
.sd-card .sd-card__content-list li:last-child,
|
42230
|
+
.sd-card .sd-card__content-list li:last-child,
|
42231
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item:last-child {
|
42189
42232
|
border: none; }
|
42190
|
-
.sd-card .sd-card__content-list li--border-bottom:last-child,
|
42233
|
+
.sd-card .sd-card__content-list li--border-bottom:last-child,
|
42234
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--border-bottom:last-child {
|
42191
42235
|
border-bottom: 1px solid var(--sd-colour-line--light); }
|
42192
|
-
.sd-card .sd-card__content-list li--small,
|
42193
|
-
|
42194
|
-
|
42236
|
+
.sd-card .sd-card__content-list li--small,
|
42237
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--small {
|
42238
|
+
padding: var(--gap--small) var(--gap--small) var(--gap--small) var(--gap--medium); }
|
42239
|
+
.sd-card .sd-card__content-list li--small h4,
|
42240
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--small h4 {
|
42195
42241
|
margin: 0; }
|
42196
|
-
.sd-card .sd-card__content-list li--no-padding,
|
42242
|
+
.sd-card .sd-card__content-list li--no-padding,
|
42243
|
+
.sd-card .sd-card__content-list .sd-card__content-list-item--no-padding {
|
42197
42244
|
padding: 0; }
|
42198
42245
|
.sd-card .sd-card__content-list .creation-time {
|
42199
42246
|
display: block;
|
@@ -42202,35 +42249,35 @@ a.text-link {
|
|
42202
42249
|
.sd-card .sd-card__content-list .creation-time i {
|
42203
42250
|
display: inline-block;
|
42204
42251
|
opacity: 0.5;
|
42205
|
-
margin-
|
42252
|
+
margin-block-start: -2px; }
|
42206
42253
|
.sd-card .sd-card__content-list .button__view-all {
|
42207
|
-
border-bottom: 1px dotted
|
42208
|
-
color:
|
42254
|
+
border-bottom: 1px dotted var(--sd-colour-interactive);
|
42255
|
+
color: var(--sd-colour-interactive);
|
42209
42256
|
cursor: pointer; }
|
42210
42257
|
.sd-card .sd-card__content-list .sd-card__content-list-block-link {
|
42211
42258
|
display: block;
|
42212
42259
|
padding: .8rem 1.6rem;
|
42213
|
-
color:
|
42260
|
+
color: var(--color-text);
|
42214
42261
|
text-decoration: none; }
|
42215
42262
|
.sd-card .sd-card__content-list .sd-card__content-list-block-link:hover {
|
42216
|
-
color:
|
42263
|
+
color: var(--color-text); }
|
42217
42264
|
.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover {
|
42218
42265
|
display: flex;
|
42219
42266
|
justify-content: space-between; }
|
42220
42267
|
.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover i {
|
42221
42268
|
display: none; }
|
42222
42269
|
.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover:hover {
|
42223
|
-
background-color:
|
42270
|
+
background-color: var(--sd-colour-interactive--alpha-20); }
|
42224
42271
|
.sd-card .sd-card__content-list .sd-card__content-list-block-link--icon-hover:hover i {
|
42225
42272
|
display: inline-flex; }
|
42226
42273
|
.sd-card .sd-card__article-header {
|
42227
42274
|
padding: 16px; }
|
42228
42275
|
.sd-card .sd-card__time-date {
|
42229
42276
|
font-size: 11px;
|
42230
|
-
color:
|
42277
|
+
color: var(--color-text-light);
|
42231
42278
|
font-weight: 300; }
|
42232
42279
|
.sd-card .sd-card__time-date--reverse-color {
|
42233
|
-
color: rgba(255, 255, 255, 0.
|
42280
|
+
color: rgba(255, 255, 255, 0.7); }
|
42234
42281
|
.sd-card .sd-card__footer {
|
42235
42282
|
display: flex;
|
42236
42283
|
flex-direction: row;
|
@@ -42257,28 +42304,28 @@ a.text-link {
|
|
42257
42304
|
width: 100%;
|
42258
42305
|
position: relative;
|
42259
42306
|
height: 0;
|
42260
|
-
padding-
|
42307
|
+
padding-block-end: 75%;
|
42261
42308
|
overflow: hidden;
|
42262
42309
|
text-align: center; }
|
42263
42310
|
.sd-card .sd-card__thumbnail img {
|
42264
42311
|
width: 100%;
|
42265
42312
|
height: auto; }
|
42266
42313
|
.sd-card .sd-card__thumbnail--size-xs {
|
42267
|
-
padding-
|
42314
|
+
padding-block-end: 35%; }
|
42268
42315
|
.sd-card .sd-card__thumbnail--size-xs .sd-card__thumbnail-heading {
|
42269
42316
|
font-size: 18px; }
|
42270
42317
|
.sd-card .sd-card__thumbnail--size-xxs {
|
42271
|
-
padding-
|
42318
|
+
padding-block-end: 16%; }
|
42272
42319
|
.sd-card .sd-card__thumbnail--size-xxs .sd-card__thumbnail-heading {
|
42273
42320
|
font-size: 18px; }
|
42274
42321
|
.sd-card .sd-card__thumbnail--size-s {
|
42275
|
-
padding-
|
42322
|
+
padding-block-end: 50%; }
|
42276
42323
|
.sd-card .sd-card__thumbnail--size-m {
|
42277
|
-
padding-
|
42324
|
+
padding-block-end: 75%; }
|
42278
42325
|
.sd-card .sd-card__thumbnail--size-l {
|
42279
|
-
padding-
|
42326
|
+
padding-block-end: 100%; }
|
42280
42327
|
.sd-card .sd-card__thumbnail--size-xl {
|
42281
|
-
padding-
|
42328
|
+
padding-block-end: 125%; }
|
42282
42329
|
.sd-card .sd-card__file-type-icn {
|
42283
42330
|
color: white;
|
42284
42331
|
font-size: 5.2rem;
|
@@ -42813,25 +42860,26 @@ a.text-link {
|
|
42813
42860
|
.sd-grid-item-header {
|
42814
42861
|
padding: 4px 0;
|
42815
42862
|
margin-bottom: 6px;
|
42816
|
-
border-bottom: 5px solid
|
42863
|
+
border-bottom: 5px solid var(--sd-colour-neutral);
|
42817
42864
|
display: flex; }
|
42818
|
-
.sd-grid-item-header__heading {
|
42865
|
+
.sd-grid-item-header .sd-grid-item-header__heading {
|
42819
42866
|
color: var(--color-text);
|
42820
42867
|
font-size: 15px;
|
42821
42868
|
font-weight: 500;
|
42822
|
-
flex-grow: 1;
|
42823
|
-
|
42869
|
+
flex-grow: 1;
|
42870
|
+
min-height: 32px; }
|
42871
|
+
.sd-grid-item-header .sd-grid-item-header__heading + div {
|
42824
42872
|
margin-inline-start: 8px; }
|
42825
|
-
.sd-grid-item-header__heading a {
|
42873
|
+
.sd-grid-item-header .sd-grid-item-header__heading a {
|
42826
42874
|
text-decoration: none;
|
42827
42875
|
color: inherit; }
|
42828
|
-
.sd-grid-item-header__heading a span {
|
42829
|
-
border-bottom: 1px dotted
|
42830
|
-
.sd-grid-item-header__heading a [class^="icon-"],
|
42831
|
-
.sd-grid-item-header__heading a [class*=" icon-"] {
|
42832
|
-
color:
|
42876
|
+
.sd-grid-item-header .sd-grid-item-header__heading a span {
|
42877
|
+
border-bottom: 1px dotted var(--sd-colour-interactive); }
|
42878
|
+
.sd-grid-item-header .sd-grid-item-header__heading a [class^="icon-"],
|
42879
|
+
.sd-grid-item-header .sd-grid-item-header__heading a [class*=" icon-"] {
|
42880
|
+
color: var(--sd-colour-interactive);
|
42833
42881
|
margin-inline-start: 8px; }
|
42834
|
-
.sd-grid-item-header__heading a:hover span {
|
42882
|
+
.sd-grid-item-header .sd-grid-item-header__heading a:hover span {
|
42835
42883
|
border-bottom-style: solid; }
|
42836
42884
|
|
42837
42885
|
.dark-ui .sd-grid-item .sd-grid-item__text-label, [data-theme="dark-ui"] .sd-grid-item .sd-grid-item__text-label {
|
@@ -50758,21 +50806,24 @@ i.sd-sidetab-menu__helper-icon {
|
|
50758
50806
|
font-size: 1.4rem;
|
50759
50807
|
line-height: 100%;
|
50760
50808
|
text-decoration: none;
|
50761
|
-
color:
|
50809
|
+
color: var(--color-text);
|
50762
50810
|
padding: 1.6rem 2rem;
|
50763
|
-
transition: background-color 0.2s ease-out, color 0.1s ease-out;
|
50811
|
+
transition: background-color 0.2s ease-out, color 0.1s ease-out;
|
50812
|
+
border-inline-end: 4px solid transparent; }
|
50764
50813
|
.sd-content-nav__btn:hover {
|
50765
|
-
background-color:
|
50814
|
+
background-color: var(--sd-colour-interactive--alpha-20);
|
50766
50815
|
color: var(--color-text);
|
50767
50816
|
text-decoration: none; }
|
50768
|
-
.sd-content-nav__btn:active, .sd-content-nav__btn--active {
|
50769
|
-
background-color:
|
50817
|
+
.sd-content-nav__btn:active, .sd-content-nav__btn.sd-content-nav__btn--active {
|
50818
|
+
background-color: var(--sd-colour-interactive--alpha-10);
|
50770
50819
|
color: var(--sd-colour-interactive); }
|
50820
|
+
.sd-content-nav__btn.sd-content-nav__btn--active {
|
50821
|
+
border-color: var(--sd-colour-interactive--active); }
|
50771
50822
|
|
50772
50823
|
.sd-content-nav-title {
|
50773
50824
|
font-size: 1.5rem;
|
50774
50825
|
font-weight: 300; }
|
50775
|
-
.sd-content-nav-title--uppercase {
|
50826
|
+
.sd-content-nav-title.sd-content-nav-title--uppercase {
|
50776
50827
|
font-size: 1.3rem;
|
50777
50828
|
font-weight: 400;
|
50778
50829
|
text-transform: uppercase; }
|