body.theme-fresk#page-user-preferences {
  #page-header {
    .d-flex.align-items-center:has(.page-context-header) {
      border-radius: 8px;
      padding: 14px;
      box-shadow: 0 0 10px rgb(0 0 0 / .1);
      background-color: #fff !important;
      margin-top: 20px;
      .page-context-header {
        margin-bottom: 0 !important;
      }
    }
    .btn-group.header-button-group {
      width: 100%;
      margin-top: 10px;
      margin-left: 0 !important;
      margin-bottom: 0 !important;
      [role="button"] {
        color: rgb(255, 255, 255);
        background-color: rgb(248, 64, 21);
        border-color: rgb(248, 64, 21);
        font-size: 14px;
        border-radius: 3px !important;
        padding: 7px;
      }
    }
  }
  #region-main {
    background: transparent !important;
    box-shadow: none !important;

    [role="main"] {
      padding-inline: 0 !important;
      h2 {
        display: none
      }
      .container-fluid {
        .row .col-md-4 {
          flex: auto;
        }
      }
      .card {
        border: none;
        border-radius: 8px;
        box-shadow: 0 0 10px rgb(0 0 0 / .1);
        background-color: #fff !important;
        .card-body {
          padding: 14px;
          h3.card-title {
            font-size: 21px;
            font-weight: 630;
          }
          .card-text {
            li {
              margin-bottom: 10px;
              a {
                font-size: .90em;
              }
            }
          }
        }
      }
    }
  }
}