.digit-text-block-wrap {

    @apply flex flex-col;

    @media (min-width: 48rem) {
        gap: theme(digitv2.spacers.spacer6);
    }

    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
        gap: theme(digitv2.spacers.spacer5);
    }

    @media (max-width: 30rem) {
        gap: theme(digitv2.spacers.spacer4);
    }


    .digit-text-block-header-content {
        .digit-text-block-caption {
            @extend .typography.caption-s;
            padding-bottom: theme(digitv2.spacers.spacer1);
            color: theme(digitv2.lightTheme.text-secondary);
        }

        .digit-text-block-header {
            @extend .typography.heading-xl;
            padding-bottom: theme(digitv2.spacers.spacer2);
            color: theme(digitv2.lightTheme.text-primary);
            line-height: normal;
        
            @media (max-width: 30rem) {
                padding-bottom: theme(digitv2.spacers.spacer1);
            }
        }

        .digit-text-block-subheader {
            @extend .typography.heading-m;
            font-family: theme(digitv2.fontFamily.sans);
            font-style: theme(digitv2.fontStyle.normal);
            font-weight: theme(digitv2.fontWeight.bold);
            line-height: theme(digitv2.lineHeight.lineheight1);
        
            @media (max-aspect-ratio: 9/16) {
              /* Media query for mobile */
              font-size: theme(digitv2.fontSize.heading-m.mobile);
            }
        
            @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
              /* Media query for tablets */
              font-size: theme(digitv2.fontSize.heading-m.tablet);
            }
        
            @media (min-aspect-ratio: 3/4) {
              /* Media query for desktop */
              font-size: theme(digitv2.fontSize.heading-m.desktop);
            }
            color: theme(digitv2.lightTheme.text-secondary);
            line-height: normal;
        }
    }

    .digit-text-block-body {
        @extend .typography.body-s;
        font-family: theme(digitv2.fontFamily.sans);
        font-style: theme(digitv2.fontStyle.normal);
        font-weight: theme(digitv2.fontWeight.regular);
        line-height: theme(digitv2.lineHeight.lineheight2);
    
        @media (max-aspect-ratio: 9/16) {
          /* Media query for mobile */
          font-size: theme(digitv2.fontSize.body-s.mobile);
        }
    
        @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
          /* Media query for tablets */
          font-size: theme(digitv2.fontSize.body-s.tablet);
        }
    
        @media (min-aspect-ratio: 3/4) {
          /* Media query for desktop */
          font-size: theme(digitv2.fontSize.body-s.desktop);
        }
        color: theme(digitv2.lightTheme.generic-inputborder);
    }
}