synapse-react-client 3.0.12 → 3.0.16

package/dist/style/main.css

@@ -16360,7 +16360,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
 }
 
 .Icon-Copy path {
-  fill: #DCDCDC;
+  fill: #dcdcdc;
 }
 
 .SRC-java-icon path,
@@ -16561,6 +16561,9 @@ svg.HelpButton {
 .SRC-portalCard .SRC-cardThumbnail img.iconImg {
   max-width: 75px;
 }
+.SRC-portalCard .SRC-cardThumbnail svg {
+  min-height: 55px;
+}
 .SRC-portalCard .SRC-cardMetadata {
   background-color: #f9f9f9;
 }
@@ -17766,31 +17769,31 @@ svg.HelpButton {
 
 .markdown p {
   margin: 0px;
-  padding-bottom: 12px;
+  margin-bottom: 12px;
 }
 
 .markdown h1 {
-  padding: 35px 0 12px 0;
+  margin: 35px 0 24px 0;
 }
 
 .markdown h2 {
-  padding: 29px 0 10px 0;
+  margin: 29px 0 22px 0;
 }
 
 .markdown h3 {
-  padding: 23px 0 8px 0;
+  margin: 23px 0 20px 0;
 }
 
 .markdown h4 {
-  padding: 17px 0 6px 0;
+  margin: 17px 0 18px 0;
 }
 
 .markdown h5 {
-  padding: 11px 0 4px 0;
+  margin: 11px 0 16px 0;
 }
 
 .markdown h6 {
-  padding: 5px 0 2px 0;
+  margin: 5px 0 14px 0;
 }
 
 .toc-indent1 {
@@ -17821,6 +17824,10 @@ svg.HelpButton {
   margin: 20px 20px 20px 0px;
 }
 
+.markdown details {
+  cursor: pointer;
+}
+
 .page-progress button,
 .page-progress button:active,
 .page-progress button:focus,
@@ -18580,19 +18587,31 @@ svg.HelpButton {
   border-radius: 2px;
 }
 
-.QueryWrapperSearchInput__searchbar, .QueryWrapperSqlEditorInput__searchbar {
+.QueryWrapperSearchInput__helppopoverwrapper,
+.QueryWrapperSqlEditorInput__helppopoverwrapper {
+  display: grid;
+  grid-template-columns: auto 25px;
+}
+.QueryWrapperSearchInput__helppopover,
+.QueryWrapperSqlEditorInput__helppopover {
+  place-self: center;
+}
+.QueryWrapperSearchInput__searchbar,
+.QueryWrapperSqlEditorInput__searchbar {
   height: 50px;
   background: #f9f9f9;
   border: 1px solid #dddddf;
   display: flex;
   align-items: center;
 }
-.QueryWrapperSearchInput__searchbar:focus-within, .QueryWrapperSqlEditorInput__searchbar:focus-within {
+.QueryWrapperSearchInput__searchbar:focus-within,
+.QueryWrapperSqlEditorInput__searchbar:focus-within {
   outline-color: #407ba0;
   outline-style: auto;
   outline-width: 5px;
 }
-.QueryWrapperSearchInput__searchbar__searchicon, .QueryWrapperSqlEditorInput__searchbar__searchicon {
+.QueryWrapperSearchInput__searchbar__searchicon,
+.QueryWrapperSqlEditorInput__searchbar__searchicon {
   color: #dcdcdc;
   margin-left: 10px;
   font-size: 17px;
@@ -18600,7 +18619,8 @@ svg.HelpButton {
   flex-grow: 0;
   flex-shrink: 0;
 }
-.QueryWrapperSearchInput__searchbar input, .QueryWrapperSqlEditorInput__searchbar input {
+.QueryWrapperSearchInput__searchbar input,
+.QueryWrapperSqlEditorInput__searchbar input {
   flex: 1;
   margin-left: 10px;
   width: fit-content;
@@ -18609,21 +18629,25 @@ svg.HelpButton {
   border: none;
   background: #f9f9f9;
 }
-.QueryWrapperSearchInput__searchbar input:focus, .QueryWrapperSqlEditorInput__searchbar input:focus {
+.QueryWrapperSearchInput__searchbar input:focus,
+.QueryWrapperSqlEditorInput__searchbar input:focus {
   outline-width: 0px;
   outline: none;
 }
-.QueryWrapperSearchInput__searchbar__clearbutton, .QueryWrapperSqlEditorInput__searchbar__clearbutton {
+.QueryWrapperSearchInput__searchbar__clearbutton,
+.QueryWrapperSqlEditorInput__searchbar__clearbutton {
   flex: 1;
   flex-grow: 0;
   flex-shrink: 0;
 }
-.QueryWrapperSearchInput__form-container, .QueryWrapperSqlEditorInput__form-container {
+.QueryWrapperSearchInput__form-container,
+.QueryWrapperSqlEditorInput__form-container {
   position: relative;
   width: 100%;
   margin-top: 5px;
 }
-.QueryWrapperSearchInput__column-select, .QueryWrapperSqlEditorInput__column-select {
+.QueryWrapperSearchInput__column-select,
+.QueryWrapperSqlEditorInput__column-select {
   background: #ffffff;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   color: #515359;
@@ -18633,7 +18657,8 @@ svg.HelpButton {
   z-index: 5;
   width: inherit;
 }
-.QueryWrapperSearchInput__animate_height, .QueryWrapperSqlEditorInput__animate_height {
+.QueryWrapperSearchInput__animate_height,
+.QueryWrapperSqlEditorInput__animate_height {
   max-height: 0;
   overflow-y: hidden;
   -webkit-transition: max-height 0.3s ease-in-out;
@@ -18641,28 +18666,36 @@ svg.HelpButton {
   -o-transition: max-height 0.3s ease-in-out;
   transition: max-height 0.3s ease-in-out;
 }
-.QueryWrapperSearchInput__animate_dropdown-enter-done, .QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
+.QueryWrapperSearchInput__animate_dropdown-enter-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
   max-height: 300px;
 }
-.QueryWrapperSearchInput__animate_dropdown-exit-done, .QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
+.QueryWrapperSearchInput__animate_dropdown-exit-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
   max-height: 0;
 }
-.QueryWrapperSearchInput__dropdown_pos, .QueryWrapperSqlEditorInput__dropdown_pos {
+.QueryWrapperSearchInput__dropdown_pos,
+.QueryWrapperSqlEditorInput__dropdown_pos {
   position: relative;
   width: 100%;
 }
-.QueryWrapperSearchInput__column-select.QueryWrapperSearchInput__animate_height, .QueryWrapperSqlEditorInput__column-select.QueryWrapperSearchInput__animate_height {
+.QueryWrapperSearchInput__column-select.QueryWrapperSearchInput__animate_height,
+.QueryWrapperSqlEditorInput__column-select.QueryWrapperSearchInput__animate_height {
   overflow: scroll;
 }
-.QueryWrapperSearchInput__animate_dropdown-exit-active, .QueryWrapperSearchInput__animate_dropdown-enter-done, .QueryWrapperSqlEditorInput__animate_dropdown-exit-active, .QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
+.QueryWrapperSearchInput__animate_dropdown-exit-active, .QueryWrapperSearchInput__animate_dropdown-enter-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-exit-active,
+.QueryWrapperSqlEditorInput__animate_dropdown-enter-done {
   padding-left: 30px;
   padding-top: 15px;
   padding-bottom: 5px;
 }
-.QueryWrapperSearchInput__animate_dropdown-exit-done, .QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
+.QueryWrapperSearchInput__animate_dropdown-exit-done,
+.QueryWrapperSqlEditorInput__animate_dropdown-exit-done {
   padding: 0;
 }
-.QueryWrapperSearchInput .radio, .QueryWrapperSqlEditorInput .radio {
+.QueryWrapperSearchInput .radio,
+.QueryWrapperSqlEditorInput .radio {
   padding: 4px 0;
 }
 
@@ -18894,8 +18927,8 @@ input[type=radio] + span::before {
 
 input[type=checkbox]:focus + label::before,
 input[type=checkbox]:focus + span::before,
-input[type=radio]:focus:checked + label::before,
-input[type=radio]:focus:checked + span::before,
+input[type=radio]:focus + label::before,
+input[type=radio]:focus + span::before,
 input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -19111,8 +19144,8 @@ input[type=radio] + span {
 }
 .EnumFacetFilter input[type=checkbox]:focus + label::before,
 .EnumFacetFilter input[type=checkbox]:focus + span::before,
-.EnumFacetFilter input[type=radio]:focus:checked + label::before,
-.EnumFacetFilter input[type=radio]:focus:checked + span::before,
+.EnumFacetFilter input[type=radio]:focus + label::before,
+.EnumFacetFilter input[type=radio]:focus + span::before,
 .EnumFacetFilter input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 .EnumFacetFilter input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 .EnumFacetFilter input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -19432,11 +19465,11 @@ input[type=radio] + span {
 }
 
 .FeedSubscribe .FeedSubscribeToNewsLink {
-  color: #404B63;
+  color: #404b63;
   margin-right: 15px;
 }
 .FeedSubscribe .FeedSubscribeToNewsLink:hover {
-  color: #404B63;
+  color: #404b63;
   cursor: pointer;
 }
 .FeedSubscribe .MailchimpSubscribeContainer {
@@ -19484,7 +19517,7 @@ input[type=radio] + span {
   }
 }
 .Feed .FeedItems .FeedItem {
-  border: 1px solid #DDDDDF;
+  border: 1px solid #dddddf;
   padding: 20px;
   margin: 10px;
   background-color: white;
@@ -19510,13 +19543,13 @@ input[type=radio] + span {
   white-space: nowrap;
 }
 .Feed .FeedItems .FeedItem .FeedItemDate {
-  color: #ABABAC;
+  color: #ababac;
   margin-bottom: 0px;
 }
 .Feed .FeedItems .FeedItem .FeedItemTitle {
   font-size: 16px;
   line-height: 144%;
-  color: #1A1C29;
+  color: #1a1c29;
   font-weight: bold;
   margin-bottom: 5px;
 }
@@ -19535,23 +19568,33 @@ input[type=radio] + span {
   stroke-width: 0;
   stroke-opacity: 0;
 }
-.UpsetPlot text[class^=cBarTextStyle-upset-], .UpsetPlot text[class*=" cBarTextStyle-upset-"] {
+.UpsetPlot text[class^=cBarTextStyle-upset-],
+.UpsetPlot text[class*=" cBarTextStyle-upset-"] {
   display: none;
 }
-.UpsetPlot text[class^=sBarTextStyle-upset-], .UpsetPlot text[class*=" sBarTextStyle-upset-"] {
+.UpsetPlot text[class^=sBarTextStyle-upset-],
+.UpsetPlot text[class*=" sBarTextStyle-upset-"] {
   display: none;
 }
-.UpsetPlot circle[class^=fillNotMember-upset-], .UpsetPlot text[class*=" fillNotMember-upset-"] {
+.UpsetPlot circle[class^=fillNotMember-upset-],
+.UpsetPlot text[class*=" fillNotMember-upset-"] {
   stroke: #d3d3d3;
   stroke-width: 1;
 }
-.UpsetPlot text[class^=sChartTextStyle-upset-], .UpsetPlot text[class*=" sChartTextStyle-upset-"] {
+.UpsetPlot text[class^=sChartTextStyle-upset-],
+.UpsetPlot text[class*=" sChartTextStyle-upset-"] {
   transform: rotate(270deg) translateX(-12%);
 }
-.UpsetPlot g[class^=interactive-upset-]:hover rect[class^=hoverBar-upset-], .UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBar-upset-"], .UpsetPlot text[class*=" interactive-upset-"]:hover rect[class^=hoverBar-upset-], .UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBar-upset-"] {
+.UpsetPlot g[class^=interactive-upset-]:hover rect[class^=hoverBar-upset-],
+.UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBar-upset-"],
+.UpsetPlot text[class*=" interactive-upset-"]:hover rect[class^=hoverBar-upset-],
+.UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBar-upset-"] {
   stroke: none;
 }
-.UpsetPlot g[class^=interactive-upset-]:hover text[class^=hoverBarTextStyle-upset-], .UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBarTextStyle-upset-"], .UpsetPlot text[class*=" interactive-upset-"]:hover text[class^=hoverBarTextStyle-upset-], .UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBarTextStyle-upset-"] {
+.UpsetPlot g[class^=interactive-upset-]:hover text[class^=hoverBarTextStyle-upset-],
+.UpsetPlot g[class^=interactive-upset-]:hover text[class*=" hoverBarTextStyle-upset-"],
+.UpsetPlot text[class*=" interactive-upset-"]:hover text[class^=hoverBarTextStyle-upset-],
+.UpsetPlot text[class*=" interactive-upset-"]:hover text[class*=" hoverBarTextStyle-upset-"] {
   display: none;
 }
 .UpsetPlot .UpsetPlot__summary {
@@ -20354,7 +20397,7 @@ input[type=radio] + span {
 .terms-conditions .term-list > li {
   display: flex;
   padding: 20px 0;
-  border: 1px solid #DCDCDC;
+  border: 1px solid #dcdcdc;
   margin-bottom: 20px;
   opacity: 0.3;
 }
@@ -20391,7 +20434,7 @@ input[type=radio] + span {
 .terms-conditions .term-list > li .terms-circle {
   width: 40px;
   height: 40px;
-  border: 2px solid #DCDCDC;
+  border: 2px solid #dcdcdc;
   display: inline-block;
   border-radius: 50%;
   vertical-align: middle;
@@ -20400,7 +20443,7 @@ input[type=radio] + span {
   line-height: 40px;
 }
 .terms-conditions .term-list > li .terms-checked {
-  background-color: #28A745;
+  background-color: #28a745;
   border: none;
   text-align: center;
 }
@@ -20409,7 +20452,7 @@ input[type=radio] + span {
 }
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus {
-  background-color: #DCDCDC;
+  background-color: #dcdcdc;
   padding: 10px 30px;
   color: #1a1c29;
   font-weight: bold;
@@ -20432,7 +20475,7 @@ input[type=radio] + span {
 .page-progress .btn-progress-back,
 .page-progress .btn-progress-back:active:focus {
   margin-right: 30px;
-  color: #1A1C29;
+  color: #1a1c29;
   background-color: #dcdcdc;
 }
 .page-progress .btn-progress-next,
@@ -20445,7 +20488,7 @@ input[type=radio] + span {
 }
 .page-progress .btn-progress-next-active,
 .page-progress .btn-progress-next-active:active:focus {
-  background-color: #1C76AF;
+  background-color: #1c76af;
 }
 
 .terms-conditions .view-terms a,
@@ -20851,7 +20894,8 @@ input[type=radio] + span {
 .SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .title {
   margin: 0px 0px 10px 0px;
 }
-.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .title, .SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .description {
+.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .title,
+.SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .description {
   text-align: left;
 }
 .SynapseHomepage .PoweredBySynapseFlexContainer .PoweredBySynapseItem .PoweredBySynapseItemGrid .link {
@@ -20963,7 +21007,7 @@ input[type=radio] + span {
   padding: 60px 72px;
 }
 .login-panel-wrapper .panel-tagline {
-  color: #1E4964;
+  color: #1e4964;
   font: 300 24px/34px Lato, sans-serif;
 }
 .login-panel-wrapper .panel-left .panel-tagline {
@@ -21328,8 +21372,8 @@ input[type=radio] + span::before {
 
 input[type=checkbox]:focus + label::before,
 input[type=checkbox]:focus + span::before,
-input[type=radio]:focus:checked + label::before,
-input[type=radio]:focus:checked + span::before,
+input[type=radio]:focus + label::before,
+input[type=radio]:focus + span::before,
 input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -21690,8 +21734,8 @@ input[type=radio] + span {
 }
 .DetailsViewTable input[type=checkbox]:focus + label::before,
 .DetailsViewTable input[type=checkbox]:focus + span::before,
-.DetailsViewTable input[type=radio]:focus:checked + label::before,
-.DetailsViewTable input[type=radio]:focus:checked + span::before,
+.DetailsViewTable input[type=radio]:focus + label::before,
+.DetailsViewTable input[type=radio]:focus + span::before,
 .DetailsViewTable input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 .DetailsViewTable input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 .DetailsViewTable input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -22598,7 +22642,7 @@ table.DownloadListTableV2 .ineligibileIcon svg {
   width: 18px;
 }
 table.DownloadListTableV2 td.ineligibleForPackagingTd:first-child {
-  background-color: #F9F5E7;
+  background-color: #f9f5e7;
 }
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   min-width: 120px;
@@ -22836,7 +22880,7 @@ table.DownloadListTableV2 td {
   padding-top: 10px;
 }
 .DownloadCartPage .tabs-container {
-  border-bottom: 4px solid #DCDCDC;
+  border-bottom: 4px solid #dcdcdc;
 }
 .DownloadCartPage .pageHeader .grid {
   display: grid;
@@ -22924,7 +22968,7 @@ table.DownloadListTableV2 td {
   padding-right: 0px;
 }
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
-  border-right: 1px solid #D0D4D9;
+  border-right: 1px solid #d0d4d9;
 }
 .DownloadCartPage .DownloadListTabContent .subSectionOverview .headlineWithHelp {
   display: flex;
@@ -22979,7 +23023,8 @@ table.DownloadListTableV2 td {
   align-self: start;
   margin-bottom: 15px;
 }
-.CreatePackageV2 .createManifestTitle, .CreatePackageV2 .createPackageTitle {
+.CreatePackageV2 .createManifestTitle,
+.CreatePackageV2 .createPackageTitle {
   font-weight: bold;
 }
 .CreatePackageV2 .createPackageDescription {
@@ -22995,7 +23040,8 @@ table.DownloadListTableV2 td {
   box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
   grid-template-columns: 160px auto 160px;
 }
-.actionRequiredCard .metadata, .actionRequiredCard .startButtonContainer {
+.actionRequiredCard .metadata,
+.actionRequiredCard .startButtonContainer {
   align-self: center;
 }
 .actionRequiredCard .pageHeaderTitle {
@@ -23290,7 +23336,8 @@ table.DownloadListTableV2 td {
   padding: 16px 9px;
   display: block;
 }
-.SynapseNavDrawer .SynapseNavDrawerMenu .MuiListItem-button:hover, .SynapseNavDrawer .SynapseNavDrawerMenu .Mui-selected {
+.SynapseNavDrawer .SynapseNavDrawerMenu .MuiListItem-button:hover,
+.SynapseNavDrawer .SynapseNavDrawerMenu .Mui-selected {
   border-left: 7px solid #469285;
   padding-left: 9px;
 }
@@ -23308,7 +23355,7 @@ table.DownloadListTableV2 td {
   padding-bottom: 14px;
 }
 .SynapseNavDrawer .MuiPaper-root {
-  background-color: #2E4761;
+  background-color: #2e4761;
   color: white;
 }
 .SynapseNavDrawer .MuiDrawer-paperAnchorDockedLeft {
@@ -23342,7 +23389,7 @@ table.DownloadListTableV2 td {
 .SynapseNavContentDrawer .MuiPaper-root {
   left: 53px;
   width: 350px;
-  background-color: #2E4761;
+  background-color: #2e4761;
   color: white;
 }
 .SynapseNavContentDrawer .projectHeader {
@@ -23787,8 +23834,8 @@ input[type=radio] + span::before {
 
 input[type=checkbox]:focus + label::before,
 input[type=checkbox]:focus + span::before,
-input[type=radio]:focus:checked + label::before,
-input[type=radio]:focus:checked + span::before,
+input[type=radio]:focus + label::before,
+input[type=radio]:focus + span::before,
 input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -23944,8 +23991,8 @@ input[type=radio] + span {
 }
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:focus + label::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:focus + span::before,
-.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus:checked + label::before,
-.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus:checked + span::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus + label::before,
+.DatasetEditor .DatasetEditorTableContainer input[type=radio]:focus + span::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:checked:not(:disabled) + label::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=checkbox]:hover:checked:not(:disabled) + span::before,
 .DatasetEditor .DatasetEditorTableContainer input[type=radio]:hover:checked:not(:disabled) + label::before,
@@ -24326,4 +24373,110 @@ input[type=radio] + span {
   margin-bottom: 2px;
 }
 
+.ForumSearch .SearchIcon {
+  left: 30px;
+  position: relative;
+}
+.ForumSearch .ClearSearchIcon {
+  cursor: pointer;
+  position: relative;
+  left: -42px;
+  margin-right: -8px;
+  width: 10px;
+}
+.ForumSearch .SearchBar {
+  flex-grow: 1;
+  padding: 6px 10px 6px 33px;
+  border: none;
+  background-color: #ebebeb;
+}
+.ForumSearch .SearchBarResult {
+  width: 93%;
+}
+.ForumSearch .ResultsText, .ForumSearch .NoResultsText {
+  margin: 15px 0px 10px 22px;
+}
+
+.search-result-container {
+  padding: 10px;
+  margin: 10px;
+  background-color: white;
+}
+.search-result-container .search-result-icon {
+  width: 24px;
+}
+.search-result-container .truncated {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.search-result-container .search-result-footer {
+  opacity: 0.7;
+}
+
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus, .page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+
+@media screen and (min-width: 768px) {
+  .SubmissionPage {
+    display: flex;
+  }
+  .SubmissionPage .SubmissionSummary {
+    width: 375px;
+    max-width: 400px;
+    padding-right: 40px;
+  }
+  .SubmissionPage .SubmissionRightPane {
+    flex-grow: 1;
+  }
+}
+.SubmissionPage .ButtonContainer {
+  display: flex;
+  gap: 10px;
+}
+.SubmissionPage .ButtonContainer button {
+  flex-grow: 1;
+  flex-basis: 0;
+}
+.SubmissionPage .SubmissionSummary {
+  margin-bottom: 15px;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid {
+  display: grid;
+  column-gap: 10px;
+  grid-template-columns: auto auto;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .Key {
+  grid-column: 1;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .Value {
+  grid-column: 2;
+}
+.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid > * {
+  white-space: nowrap;
+}
+.SubmissionPage ul {
+  padding-left: 25px;
+}
+.SubmissionPage ul li {
+  margin-top: 5px;
+}
+.SubmissionPage .AccessRequirementWikiContainer {
+  background: #fbfbfc;
+  border: 1px solid #dfe2e6;
+}
+.SubmissionPage .AccessRequirementWikiContainer .AccessRequirementWikiContent {
+  margin: 40px;
+}
+
 /*# sourceMappingURL=main.css.map */

package/dist/style/vendors/_normalize.scss

@@ -51,7 +51,8 @@ section {
 
 figcaption,
 figure,
-main { /* 1 */
+main {
+  /* 1 */
   display: block;
 }
 
@@ -240,7 +241,8 @@ svg:not(:root) {
  */
 
 button,
-input { /* 1 */
+input {
+  /* 1 */
   overflow: visible;
 }
 
@@ -250,7 +252,8 @@ input { /* 1 */
  */
 
 button,
-select { /* 1 */
+select {
+  /* 1 */
   text-transform: none;
 }
 
@@ -272,9 +275,9 @@ html [type="button"], /* 1 */
  */
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -284,13 +287,12 @@ button::-moz-focus-inner,
  */
 
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
-
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -330,8 +332,8 @@ textarea {
  * 2. Remove the padding in IE 10-.
  */
 
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
@@ -340,8 +342,8 @@ textarea {
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -350,7 +352,7 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -359,8 +361,8 @@ textarea {
  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  */
 
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -373,4 +375,3 @@ textarea {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
-