#text-tabs-block .content {
  display: flex;
  gap: 30px;
  position: relative; }
  @media (max-width: 900px) {
    #text-tabs-block .content {
      flex-direction: column; } }
  #text-tabs-block .content .left {
    width: 300px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: sticky;
    height: fit-content;
    top: 130px; }
    @media (max-width: 900px) {
      #text-tabs-block .content .left {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        top: 0; } }
    @media (max-width: 500px) {
      #text-tabs-block .content .left {
        flex-direction: column; } }
    #text-tabs-block .content .left .tab {
      width: 100%;
      border-radius: 10px;
      background-color: var(--bg-light);
      padding: 20px;
      padding-left: clamp(20px,0.625vw + 18px, 30px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      cursor: pointer;
      transition: all 0.3s ease-in; }
      @media (max-width: 900px) {
        #text-tabs-block .content .left .tab {
          width: fit-content; } }
      @media (max-width: 500px) {
        #text-tabs-block .content .left .tab {
          width: 100%; } }
      #text-tabs-block .content .left .tab svg {
        width: 24px;
        height: 24px;
        transition: all 0.3s ease-in; }
      #text-tabs-block .content .left .tab:hover, #text-tabs-block .content .left .tab.active {
        background-color: var(--accent-1);
        color: var(--card); }
        #text-tabs-block .content .left .tab:hover svg, #text-tabs-block .content .left .tab.active svg {
          transform: rotate(45deg); }
          #text-tabs-block .content .left .tab:hover svg path, #text-tabs-block .content .left .tab.active svg path {
            stroke: var(--card); }
  #text-tabs-block .content .right .content__block {
    display: none;
    flex-direction: column;
    gap: clamp(25px,2.1875vw + 18px, 60px);
    border-radius: 20px;
    background-color: var(--bg-light);
    padding: clamp(15px,1.5625vw + 10px, 40px);
    padding-right: clamp(15px,2.8125vw + 6px, 60px); }
    #text-tabs-block .content .right .content__block.active {
      display: flex; }
    #text-tabs-block .content .right .content__block .text {
      max-height: 315px;
      overflow: auto; }
  #text-tabs-block .content .right .image {
    width: 100%;
    height: clamp(270px,8.125vw + 244px, 400px);
    border-radius: 20px;
    margin-top: 30px; }

/*# sourceMappingURL=block.css.map */