.components-vertical-tabs {
  position: relative; }
  .components-vertical-tabs .panel.tabs-card {
    padding: 0;
    float: none;
    margin-bottom: 1px;
    background: transparent;
    border: none;
    border-radius: initial;
    box-shadow: initial; }
    .components-vertical-tabs .panel.tabs-card .tabs-card-title {
      float: none;
      background: #eee;
      padding: 0;
      position: relative; }
      .components-vertical-tabs .panel.tabs-card .tabs-card-title a {
        display: block;
        padding-left: 2em;
        padding-right: 2em;
        text-align: left; }
        @media (max-width: 767px) {
          .components-vertical-tabs .panel.tabs-card .tabs-card-title a {
            padding-left: 1em;
            padding-right: 1em; } }
        .components-vertical-tabs .panel.tabs-card .tabs-card-title a:before {
          content: '';
          border-left: 4px solid #eee;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
          @media (max-width: 767px) {
            .components-vertical-tabs .panel.tabs-card .tabs-card-title a:before {
              border-top: 4px solid #eee;
              bottom: auto;
              right: 0; } }
        .components-vertical-tabs .panel.tabs-card .tabs-card-title a:after {
          content: 'l';
          font-family: "dimbuy";
          position: absolute;
          right: 1em;
          top: 50%;
          color: #ccc;
          font-size: 1em;
          margin-top: -0.5em; }
          @media (max-width: 767px) {
            .components-vertical-tabs .panel.tabs-card .tabs-card-title a:after {
              content: 'j'; } }
        .components-vertical-tabs .panel.tabs-card .tabs-card-title a:not(.collapsed) {
          background: white;
          color: #19BDCE; }
          .components-vertical-tabs .panel.tabs-card .tabs-card-title a:not(.collapsed):before {
            border-left-color: #19BDCE; }
            @media (max-width: 767px) {
              .components-vertical-tabs .panel.tabs-card .tabs-card-title a:not(.collapsed):before {
                border-top-color: #19BDCE; } }
          .components-vertical-tabs .panel.tabs-card .tabs-card-title a:not(.collapsed):after {
            color: transparent; }
            @media (max-width: 767px) {
              .components-vertical-tabs .panel.tabs-card .tabs-card-title a:not(.collapsed):after {
                content: 'i';
                color: #19BDCE; } }
        .components-vertical-tabs .panel.tabs-card .tabs-card-title a.collapsed {
          background: #eee; }
          .components-vertical-tabs .panel.tabs-card .tabs-card-title a.collapsed:hover {
            color: #19BDCE; }
            .components-vertical-tabs .panel.tabs-card .tabs-card-title a.collapsed:hover:after {
              color: #19BDCE;
              transition: color 0.3s ease-in-out; }
    .components-vertical-tabs .panel.tabs-card .tabs-card-container {
      position: absolute;
      top: 0;
      background: white;
      padding-left: 2em;
      padding-right: 2em; }
      @media (max-width: 767px) {
        .components-vertical-tabs .panel.tabs-card .tabs-card-container {
          position: relative;
          padding-left: 1em;
          padding-right: 1em; } }

.no-transition {
  -webkit-transition: none;
  transition: none; }