@npm_leadtech/legal-lib-components 7.32.3 → 7.33.1

package/dist/src/components/pages/HowItWorksPage/HowItWorksPage.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { HeroSection, LawGeniusCardsSection, TryNowSection, TryOurFreeLegalBlogsSection } from '../../sections';
-export const HowItWorksPage = ({ aboutUsSectionProps, howItWorksStep1Props, howItWorksStep2Props, howItWorksStep3Props, howItWorksStep4Props, lawGeniusCardsSectionProps, tryNowSectionProps }) => {
-    return (_jsxs(_Fragment, { children: [aboutUsSectionProps != null && _jsx(HeroSection, { ...aboutUsSectionProps }), howItWorksStep1Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep1Props }), howItWorksStep2Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep2Props }), howItWorksStep3Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep3Props }), howItWorksStep4Props != null && _jsx(TryOurFreeLegalBlogsSection, { ...howItWorksStep4Props }), lawGeniusCardsSectionProps != null && _jsx(LawGeniusCardsSection, { ...lawGeniusCardsSectionProps }), tryNowSectionProps != null && _jsx(TryNowSection, { ...tryNowSectionProps })] }));
-};

package/dist/src/components/pages/HowItWorksPage/HowItWorksPage.tsx

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import { HeroSection, LawGeniusCardsSection, TryNowSection, TryOurFreeLegalBlogsSection } from '../../sections'
-import { type HowItWorksPageProps } from './HowItWorksPageProps'
-
-export const HowItWorksPage: React.FC<HowItWorksPageProps> = ({
-  aboutUsSectionProps,
-  howItWorksStep1Props,
-  howItWorksStep2Props,
-  howItWorksStep3Props,
-  howItWorksStep4Props,
-  lawGeniusCardsSectionProps,
-  tryNowSectionProps
-}) => {
-  return (
-    <>
-      {aboutUsSectionProps != null && <HeroSection {...aboutUsSectionProps} />}
-      {howItWorksStep1Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep1Props} />}
-      {howItWorksStep2Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep2Props} />}
-      {howItWorksStep3Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep3Props} />}
-      {howItWorksStep4Props != null && <TryOurFreeLegalBlogsSection {...howItWorksStep4Props} />}
-      {lawGeniusCardsSectionProps != null && <LawGeniusCardsSection {...lawGeniusCardsSectionProps} />}
-      {tryNowSectionProps != null && <TryNowSection {...tryNowSectionProps} />}
-    </>
-  )
-}

package/dist/src/components/pages/HowItWorksPage/HowItWorksPageProps.d.ts

@@ -1,10 +0,0 @@
-import type { HeroSectionProps, LawGeniusCardsSectionProps, TryNowSectionProps, TryOurFreeLegalBlogsSectionProps } from '../../sections';
-export interface HowItWorksPageProps {
-    aboutUsSectionProps?: HeroSectionProps;
-    howItWorksStep1Props?: TryOurFreeLegalBlogsSectionProps;
-    howItWorksStep2Props?: TryOurFreeLegalBlogsSectionProps;
-    howItWorksStep3Props?: TryOurFreeLegalBlogsSectionProps;
-    howItWorksStep4Props?: TryOurFreeLegalBlogsSectionProps;
-    lawGeniusCardsSectionProps?: LawGeniusCardsSectionProps;
-    tryNowSectionProps?: TryNowSectionProps;
-}

package/dist/src/components/pages/HowItWorksPage/HowItWorksPageProps.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/pages/HowItWorksPage/HowItWorksPageProps.ts

@@ -1,16 +0,0 @@
-import type {
-  HeroSectionProps,
-  LawGeniusCardsSectionProps,
-  TryNowSectionProps,
-  TryOurFreeLegalBlogsSectionProps
-} from '../../sections'
-
-export interface HowItWorksPageProps {
-  aboutUsSectionProps?: HeroSectionProps
-  howItWorksStep1Props?: TryOurFreeLegalBlogsSectionProps
-  howItWorksStep2Props?: TryOurFreeLegalBlogsSectionProps
-  howItWorksStep3Props?: TryOurFreeLegalBlogsSectionProps
-  howItWorksStep4Props?: TryOurFreeLegalBlogsSectionProps
-  lawGeniusCardsSectionProps?: LawGeniusCardsSectionProps
-  tryNowSectionProps?: TryNowSectionProps
-}

package/dist/src/components/pages/HowItWorksPage/index.d.ts

@@ -1,2 +0,0 @@
-export * from './HowItWorksPage';
-export * from './HowItWorksPageProps';

package/dist/src/components/pages/HowItWorksPage/index.js

@@ -1,2 +0,0 @@
-export * from './HowItWorksPage';
-export * from './HowItWorksPageProps';

package/dist/src/components/pages/HowItWorksPage/index.ts

@@ -1,2 +0,0 @@
-export * from './HowItWorksPage'
-export * from './HowItWorksPageProps'

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type LawGeniusCardsSectionProps } from './LawGeniusCardsSectionProps.types';
-declare const LawGeniusCardsSection: FC<LawGeniusCardsSectionProps>;
-export default LawGeniusCardsSection;

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-import { LawGeniusCardsSectionStyled } from './LawGeniusCardsSection.styled';
-import { LawGeniusInfoCard } from '../../molecules/LawGeniusInfoCard';
-import { useIsMobileOrTable } from '../../../hooks';
-const LawGeniusCardsSection = ({ title, contentTop, contentBottom, card1, card2, card3, ctaLabel, ctaLink = '#', handleOnClick, ctaDataQa = 'ai-section-cta', image }) => {
-    const { isMobile } = useIsMobileOrTable();
-    if (contentTop == undefined)
-        return null;
-    return (_jsx(LawGeniusCardsSectionStyled, { className: 'layout-ratafia-section', children: _jsxs("div", { className: 'layout-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'layout-ratafia-section__topContent', children: [title && (_jsx("h2", { className: 'layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight', children: title })), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium', children: contentTop })] }), _jsxs("div", { className: 'layout-ratafia-section__wrapperContent', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info', children: [_jsxs("div", { className: 'layout-ratafia-section__wrapper__info cards', children: [_jsx(LawGeniusInfoCard, { title: card1?.title ?? '', text: card1?.text ?? '', icon: card1?.icon }), _jsx(LawGeniusInfoCard, { title: card2?.title ?? '', text: card2?.text ?? '', icon: card2?.icon }), _jsx(LawGeniusInfoCard, { title: card3?.title ?? '', text: card3?.text ?? '', icon: card3?.icon })] }), _jsx("div", { className: 'layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium bottomContent', children: contentBottom }), ctaLabel && (_jsx("div", { className: 'layout-ratafia-section__wrapper__info__button', children: _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: ctaDataQa, link: ctaLink, onClick: handleOnClick, color: 'primary', label: ctaLabel, fluid: isMobile }) }))] }), image !== null && _jsx("div", { className: 'layout-ratafia-section__wrapper__image', children: image })] })] }) }));
-};
-export default LawGeniusCardsSection;

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.styled.d.ts

@@ -1 +0,0 @@
-export declare const LawGeniusCardsSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.styled.js

@@ -1,98 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const LawGeniusCardsSectionStyled = styled.section `
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  background-color: var(--neutral-neutral-6);
-  padding: 2rem 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 3rem 2rem;
-  }
-
-  @media ${device['desktop-xl']} {
-    padding: 3rem 0;
-  }
-
-  .layout-ratafia-section {
-    &__topContent {
-      display: flex;
-      flex-direction: column;
-      color: var(--others-white);
-    }
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      padding: 1.5rem;
-      gap: 2rem;
-      border-radius: var(--l-border-radius);
-      max-width: 1200px;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2.5rem;
-      }
-
-      @media ${device.laptop} {
-        gap: 2rem;
-        padding: 4rem;
-      }
-
-      &__info {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: flex-start;
-        align-self: stretch;
-        gap: 1.5rem;
-
-        .bottomContent {
-          p {
-            color: var(--others-white);
-          }
-        }
-
-        &__paragraph {
-          display: flex;
-          flex-direction: column;
-          gap: var(--global-gap);
-          color: var(--others-white);
-
-          p:not(:last-child) {
-            margin-bottom: 1.5rem;
-          }
-        }
-
-        &__button {
-          display: flex;
-          width: 100%;
-        }
-
-        &.cards {
-          gap: 1rem;
-        }
-      }
-
-      &__image {
-        display: flex;
-        flex: 450px 0 0;
-        img {
-          object-fit: cover;
-        }
-      }
-    }
-    &__wrapperContent {
-      display: flex;
-      flex-direction: column;
-      gap: 2rem;
-
-      @media ${device.laptop} {
-        flex-flow: row nowrap;
-      }
-    }
-  }
-`;

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.styled.ts

@@ -1,99 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const LawGeniusCardsSectionStyled = styled.section`
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  background-color: var(--neutral-neutral-6);
-  padding: 2rem 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 3rem 2rem;
-  }
-
-  @media ${device['desktop-xl']} {
-    padding: 3rem 0;
-  }
-
-  .layout-ratafia-section {
-    &__topContent {
-      display: flex;
-      flex-direction: column;
-      color: var(--others-white);
-    }
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      padding: 1.5rem;
-      gap: 2rem;
-      border-radius: var(--l-border-radius);
-      max-width: 1200px;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2.5rem;
-      }
-
-      @media ${device.laptop} {
-        gap: 2rem;
-        padding: 4rem;
-      }
-
-      &__info {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: flex-start;
-        align-self: stretch;
-        gap: 1.5rem;
-
-        .bottomContent {
-          p {
-            color: var(--others-white);
-          }
-        }
-
-        &__paragraph {
-          display: flex;
-          flex-direction: column;
-          gap: var(--global-gap);
-          color: var(--others-white);
-
-          p:not(:last-child) {
-            margin-bottom: 1.5rem;
-          }
-        }
-
-        &__button {
-          display: flex;
-          width: 100%;
-        }
-
-        &.cards {
-          gap: 1rem;
-        }
-      }
-
-      &__image {
-        display: flex;
-        flex: 450px 0 0;
-        img {
-          object-fit: cover;
-        }
-      }
-    }
-    &__wrapperContent {
-      display: flex;
-      flex-direction: column;
-      gap: 2rem;
-
-      @media ${device.laptop} {
-        flex-flow: row nowrap;
-      }
-    }
-  }
-`

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSection.tsx

@@ -1,69 +0,0 @@
-import React, { type FC } from 'react'
-
-import { Button } from '../../atoms'
-import { type LawGeniusCardsSectionProps } from './LawGeniusCardsSectionProps.types'
-import { LawGeniusCardsSectionStyled } from './LawGeniusCardsSection.styled'
-import { LawGeniusInfoCard } from '../../molecules/LawGeniusInfoCard'
-import { useIsMobileOrTable } from '../../../hooks'
-
-const LawGeniusCardsSection: FC<LawGeniusCardsSectionProps> = ({
-  title,
-  contentTop,
-  contentBottom,
-  card1,
-  card2,
-  card3,
-  ctaLabel,
-  ctaLink = '#',
-  handleOnClick,
-  ctaDataQa = 'ai-section-cta',
-  image
-}) => {
-  const { isMobile } = useIsMobileOrTable()
-  if (contentTop == undefined) return null
-
-  return (
-    <LawGeniusCardsSectionStyled className='layout-ratafia-section'>
-      <div className='layout-ratafia-section__wrapper background-ratafia-animation'>
-        <div className='layout-ratafia-section__topContent'>
-          {title && (
-            <h2 className='layout-ratafia-section__wrapper__info__paragraph__title sans-serif --super-large --bold-weight'>
-              {title}
-            </h2>
-          )}
-          <div className='layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium'>
-            {contentTop}
-          </div>
-        </div>
-        <div className='layout-ratafia-section__wrapperContent'>
-          <div className='layout-ratafia-section__wrapper__info'>
-            <div className='layout-ratafia-section__wrapper__info cards'>
-              <LawGeniusInfoCard title={card1?.title ?? ''} text={card1?.text ?? ''} icon={card1?.icon} />
-              <LawGeniusInfoCard title={card2?.title ?? ''} text={card2?.text ?? ''} icon={card2?.icon} />
-              <LawGeniusInfoCard title={card3?.title ?? ''} text={card3?.text ?? ''} icon={card3?.icon} />
-            </div>
-            <div className='layout-ratafia-section__wrapper__info__paragraph__content sans-serif --super-medium bottomContent'>
-              {contentBottom}
-            </div>
-            {ctaLabel && (
-              <div className='layout-ratafia-section__wrapper__info__button'>
-                <Button
-                  givenClass='mid-banner-ratafia-content__cta'
-                  dataQa={ctaDataQa}
-                  link={ctaLink}
-                  onClick={handleOnClick}
-                  color='primary'
-                  label={ctaLabel}
-                  fluid={isMobile}
-                />
-              </div>
-            )}
-          </div>
-          {image !== null && <div className='layout-ratafia-section__wrapper__image'>{image}</div>}
-        </div>
-      </div>
-    </LawGeniusCardsSectionStyled>
-  )
-}
-
-export default LawGeniusCardsSection

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSectionProps.types.d.ts

@@ -1,15 +0,0 @@
-import { LawGeniusInfoCardProps } from 'src/components/molecules/LawGeniusInfoCard';
-import { MouseEventHandler } from 'react';
-export interface LawGeniusCardsSectionProps {
-    title?: string;
-    contentTop: React.ReactNode;
-    contentBottom: React.ReactNode;
-    card1?: LawGeniusInfoCardProps;
-    card2?: LawGeniusInfoCardProps;
-    card3?: LawGeniusInfoCardProps;
-    ctaLabel?: string;
-    ctaLink?: string;
-    handleOnClick?: MouseEventHandler;
-    ctaDataQa?: string;
-    image?: React.ReactNode;
-}

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSectionProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/LawGeniusCardsSection/LawGeniusCardsSectionProps.types.ts

@@ -1,16 +0,0 @@
-import { LawGeniusInfoCardProps } from 'src/components/molecules/LawGeniusInfoCard'
-import { MouseEventHandler } from 'react'
-
-export interface LawGeniusCardsSectionProps {
-  title?: string
-  contentTop: React.ReactNode
-  contentBottom: React.ReactNode
-  card1?: LawGeniusInfoCardProps
-  card2?: LawGeniusInfoCardProps
-  card3?: LawGeniusInfoCardProps
-  ctaLabel?: string
-  ctaLink?: string
-  handleOnClick?: MouseEventHandler
-  ctaDataQa?: string
-  image?: React.ReactNode
-}

package/dist/src/components/sections/LawGeniusCardsSection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as LawGeniusCardsSection } from './LawGeniusCardsSection';
-export { type LawGeniusCardsSectionProps } from './LawGeniusCardsSectionProps.types';

package/dist/src/components/sections/LawGeniusCardsSection/index.js

@@ -1 +0,0 @@
-export { default as LawGeniusCardsSection } from './LawGeniusCardsSection';

package/dist/src/components/sections/LawGeniusCardsSection/index.ts

@@ -1,2 +0,0 @@
-export { default as LawGeniusCardsSection } from './LawGeniusCardsSection'
-export { type LawGeniusCardsSectionProps } from './LawGeniusCardsSectionProps.types'

package/dist/src/components/sections/TryNowSection/TryNowSection.d.ts

@@ -1,3 +0,0 @@
-import { type FC } from 'react';
-import { type TryNowSectionProps } from './TryNowSectionProps';
-export declare const TryNowSection: FC<TryNowSectionProps>;

package/dist/src/components/sections/TryNowSection/TryNowSection.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, RichTextInner } from '../../atoms';
-import { TryNowSectionStyled } from './TryNowSection.styled';
-export const TryNowSection = ({ text, buttonText, buttonLink, buttonDataQa, image }) => {
-    return (_jsx(TryNowSectionStyled, { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive try-us-section', children: _jsx("div", { className: 'guidelines-section-trial wrapper', children: _jsxs("div", { className: 'guidelines-section-trial__item', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section-trial__texts', children: [_jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: text }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: buttonDataQa, link: buttonLink, color: 'primary', label: buttonText })] }), _jsx("div", { className: 'guidelines-section__image is-mobile', children: image })] }) }) }));
-};

package/dist/src/components/sections/TryNowSection/TryNowSection.styled.d.ts

@@ -1 +0,0 @@
-export declare const TryNowSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/sections/TryNowSection/TryNowSection.styled.js

@@ -1,186 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TryNowSectionStyled = styled.section `
-  .guidelines-section-main {
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    padding: 1.5rem;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-      padding: 0;
-    }
-  }
-
-  .guidelines-section__texts {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-bottom: 1rem;
-    margin-right: 0;
-    color: var(--neutral-neutral-1);
-    font-style: normal;
-    font-weight: 400;
-    letter-spacing: -0.3px;
-
-    @media ${device['landscape-tablets']} {
-      margin-left: 2rem;
-      margin-bottom: 0;
-    }
-
-    &__title {
-      font-family: var(--font-sans);
-      margin-bottom: 2rem;
-      text-align: center;
-      font-weight: 700;
-      font-size: 1.75rem;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-
-      @media ${device['landscape-tablets']} {
-        text-align: left;
-      }
-    }
-
-    &__body {
-      font-family: var(--font-sans);
-      font-size: 16px;
-      line-height: 22px;
-
-      a {
-        color: var(--primary-main-light-1);
-        font-weight: 400 !important;
-      }
-    }
-  }
-
-  .guidelines-section-detail {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__item {
-      display: flex;
-      flex: 1;
-      flex-direction: column;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-      padding: 1.5rem;
-
-      &__image {
-        width: 100%;
-        border-radius: var(--m-border-radius);
-      }
-
-      &__title {
-        font-family: var(--font-sans);
-        font-style: normal;
-        font-weight: 700;
-        font-size: 18px;
-        line-height: 24px;
-        letter-spacing: -0.3px;
-        color: var(--neutral-neutral-1);
-        margin: 1.5rem 0 1rem 0;
-      }
-
-      ul {
-        list-style-type: disc;
-      }
-
-      ol {
-        list-style-type: decimal;
-      }
-
-      ul,
-      ol {
-        margin-left: 1rem;
-        margin-bottom: 1rem;
-
-        li {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-
-  .guidelines-section-trial {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    margin: 2rem 0 1rem 0;
-
-    @media ${device.laptop} {
-      flex-direction: row;
-    }
-
-    &__texts {
-      flex-basis: 50%;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      color: var(--neutral-neutral-1);
-      font-style: normal;
-      font-weight: 400;
-      letter-spacing: -0.3px;
-      margin-left: 3rem;
-
-      &__body {
-        font-family: var(--font-sans);
-        font-size: 16px;
-        line-height: 22px;
-        margin-bottom: 1.5rem;
-        a {
-          color: var(--primary-main-light-1);
-          font-weight: 400 !important;
-        }
-      }
-      .e-button {
-        height: auto;
-        align-self: flex-start;
-        margin-top: 2.5rem;
-      }
-    }
-
-    &__item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      background: var(--others-white);
-      border-radius: var(--m-border-radius);
-
-      @media ${device.laptop} {
-        padding: 1.5rem;
-        flex-direction: row;
-      }
-    }
-  }
-
-  .guidelines-section__image {
-    flex-basis: 50%;
-    margin-bottom: 2rem;
-
-    &.big-devices {
-      display: none;
-    }
-    &.is-mobile {
-      display: flex;
-    }
-
-    @media ${device.laptop} {
-      &.big-devices {
-        display: flex;
-      }
-      &.is-mobile {
-        display: none;
-      }
-    }
-  }
-`;