@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.suite-me-page-view .animation-delay-30 {
  animation-delay: 30ms; }

.suite-me-page-view .animation-delay-60 {
  animation-delay: 60ms; }

.suite-me-page-view .animation-delay-90 {
  animation-delay: 90ms; }

.suite-me-page-view .animation-delay-120 {
  animation-delay: 120ms; }

.suite-me-page-view .animation-delay-150 {
  animation-delay: 150ms; }

.suite-me-page-view .reset-search {
  margin-top: 10px; }

.suite-me-page-view .project-title {
  letter-spacing: -0.04em; }

.suite-me-page-view .project-create {
  margin-right: 10px; }

.suite-me-page-view .project-list:not(:first-child) {
  margin-top: 40px; }

.suite-me-page-view .project-list .project-link {
  overflow: hidden; }
  .suite-me-page-view .project-list .project-link .project-details {
    overflow: hidden; }
    .suite-me-page-view .project-list .project-link .project-details .project-description {
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.suite-me-page-view .project-list .project-info-header {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 20px; }
  .suite-me-page-view .project-list .project-info-header:hover {
    background-color: inherit; }

.suite-me-page-view .project-list .project-info {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 0px var(--palette-black-alpha-8,rgba(0, 0, 0, 0.08)); }
  .suite-me-page-view .project-list .project-info .bolt-list-cell-content {
    padding: 19px; }
  .suite-me-page-view .project-list .project-info .installed-product {
    align-items: center;
    margin-left: 8px; }
  .suite-me-page-view .project-list .project-info .project-details {
    margin-left: 16px;
    text-decoration: none;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9)); }

.suite-me-page-view .project-list .product {
  position: relative;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  cursor: pointer; }
  .suite-me-page-view .project-list .product:focus {
    outline: none; }
  .suite-me-page-view .project-list .product .product-image-container {
    opacity: 0; }
  .suite-me-page-view .project-list .product .product-image {
    height: 24px;
    width: 24px; }
  .suite-me-page-view .project-list .product .placeholder {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 11px;
    bottom: 11px;
    border-radius: 100%;
    background: rgba( 200, 200, 200 ,  1 );
    background: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }

.suite-me-page-view .project-list .project-row:hover .product-image-container, .suite-me-page-view .project-list .project-row.focused .product-image-container {
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-fill-mode: forwards;
  animation-name: fadein; }

.suite-me-page-view .project-list .project-row:hover .placeholder, .suite-me-page-view .project-list .project-row.focused .placeholder {
  opacity: 0; }

@media screen and (-ms-high-contrast: active) {
  .suite-me-page-view .project-list .project-row:hover, .suite-me-page-view .project-list .project-row.focused {
    background-color: highlight;
    color: highlight; } }

.suite-me-page-view .project-list .project-row .product:focus .product-image-container {
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-fill-mode: forwards;
  animation-name: fadein; }

.suite-me-page-view .project-list .project-row .product:focus .placeholder {
  opacity: 0; }

@media screen and (-ms-high-contrast: active) {
  .suite-me-page-view .project-list .project-row .product:focus {
    background-color: highlight;
    color: highlight; } }

.suite-me-page-view .project-link {
  text-decoration: none;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  .suite-me-page-view .project-link:focus {
    outline: none; }

.suite-me-page-view .suite-project-list {
  margin-bottom: 16px;
  margin-top: 0px; }
  .suite-me-page-view .suite-project-list .project-card {
    position: relative;
    transition: background-color 0.5s ease;
    border-radius: 4px;
    height: 200px;
    max-width: 440px;
    min-width: 300px;
    flex-basis: 300px;
    margin-right: 32px; }
    .suite-me-page-view .suite-project-list .project-card:last-of-type {
      margin-right: 12px; }
      @media screen and (max-width: 599px) {
        .suite-me-page-view .suite-project-list .project-card:last-of-type {
          margin-right: 0px; } }
    .suite-me-page-view .suite-project-list .project-card .product {
      position: relative;
      width: 28px;
      height: 28px;
      margin-right: 4px;
      cursor: pointer; }
      .suite-me-page-view .suite-project-list .project-card .product:focus {
        outline: none; }
      .suite-me-page-view .suite-project-list .project-card .product .product-image-container {
        opacity: 0; }
      .suite-me-page-view .suite-project-list .project-card .product .product-image {
        height: 24px;
        width: 24px; }
      .suite-me-page-view .suite-project-list .project-card .product .placeholder {
        width: 6px;
        height: 6px;
        position: absolute;
        left: 11px;
        bottom: 11px;
        border-radius: 100%;
        background: rgba( 200, 200, 200 ,  1 );
        background: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
    .suite-me-page-view .suite-project-list .project-card:hover .product-image-container, .suite-me-page-view .suite-project-list .project-card.focused .product-image-container {
      animation-duration: 0.367s;
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-fill-mode: forwards;
      animation-name: fadein; }
    .suite-me-page-view .suite-project-list .project-card:hover .placeholder, .suite-me-page-view .suite-project-list .project-card.focused .placeholder {
      opacity: 0; }
    @media screen and (-ms-high-contrast: active) {
      .suite-me-page-view .suite-project-list .project-card:hover, .suite-me-page-view .suite-project-list .project-card.focused {
        background-color: highlight;
        color: highlight; } }
    .suite-me-page-view .suite-project-list .project-card .project-link {
      overflow: hidden;
      padding: 20px;
      border-radius: 4px; }
      .suite-me-page-view .suite-project-list .project-card .project-link:focus, .suite-me-page-view .suite-project-list .project-card .project-link:hover, .suite-me-page-view .suite-project-list .project-card .project-link:visited {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9));
        text-decoration: none; }
    .suite-me-page-view .suite-project-list .project-card .top-row {
      overflow: hidden; }
    .suite-me-page-view .suite-project-list .project-card .installed-products-row {
      position: absolute;
      bottom: 20px;
      right: 20px; }
    .suite-me-page-view .suite-project-list .project-card .project-details {
      margin-left: 16px;
      overflow: hidden; }
    .suite-me-page-view .suite-project-list .project-card .project-name {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin-bottom: 8px; }
    .suite-me-page-view .suite-project-list .project-card .project-description {
      text-overflow: ellipsis;
      display: -webkit-box;
      overflow: hidden;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55));
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      line-height: 20px;
      max-height: 80px; }
  @media screen and (max-width: 599px) {
    .suite-me-page-view .suite-project-list {
      margin-bottom: 0; }
      .suite-me-page-view .suite-project-list .bolt-card {
        border-radius: 0; }
      .suite-me-page-view .suite-project-list .project-card {
        flex-basis: auto;
        height: auto;
        max-width: none;
        min-width: 0;
        margin-right: 0;
        margin-bottom: 8px; } }

.bolt-focus-visible .suite-me-page-view .project-link:focus,
.bolt-focus-visible .suite-me-page-view .product:focus {
  animation: ms-focus-shadow-with-border-pulse 4s ease-in-out infinite;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23), 0 0 0 1px rgba(0, 120, 212, 1);
  box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  @media (forced-colors: active) {
    .bolt-focus-visible .suite-me-page-view .project-link:focus,
    .bolt-focus-visible .suite-me-page-view .product:focus {
      animation: none; } }