/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.4.0, @magento/upward-security-headers: ~1.0.16, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.3, @magento/peregrine: ~14.3.1, @magento/pagebuilder: ~9.3.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
:root{
    --blog-margin-element: 1.15rem;
}

.post-root-mWQ {

    padding-top: 1rem;
    padding-bottom: 1.5rem;
    scroll-behavior: smooth;
}

@media (min-width: 1024px) {
    .post-root-mWQ {
        display: flex;
        justify-content: space-between;
        -moz-column-gap: 2rem;
             column-gap: 2rem;
        padding-top: 1.5rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1200px) {
    .post-root-mWQ {
        -moz-column-gap: 3rem;
             column-gap: 3rem;
    }
}

.post-rootNotFound-E-M {
    justify-content: center;
}

@media (min-width: 1024px) {

    :root{
        --blog-margin-element: 2rem;
    }

    .post-body-tgu {
        flex: 0 0 70%;
        min-width: 0;
        max-width: 70%;
        padding-left: 15.0625rem;
    }

    .post-aside-7gA {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 310px;
        padding-top: 3rem;
    }
}

.post-header-jtt {

    margin-bottom: 0.5rem;
}

@media (min-width: 1024px) {
    .post-header-jtt {
        margin-bottom: 1rem;
    }
}

.post-content-ohg {
}

.post-content-ohg h2,
.post-content-ohg h3,
.post-content-ohg h4{
    margin-top: var(--blog-margin-element);
    margin-bottom: var(--blog-margin-element);
}

.post-content-ohg h2{
    font-size: 1.5rem;
}

.post-content-ohg h4,
.post-content-ohg h3 {
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1.142;
}

@media (min-width: 768px) {
    .post-content-ohg h2{
        font-size: 1.75rem;
    }
    .post-content-ohg h3 {
        font-size: 1.5rem;
    }
}

.post-content-ohg a {
    --stroke: var(--color-blue-light);

    display: inline-grid;
    grid-auto-flow: column;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    justify-content: center;
    align-items: center;
    justify-items: center;

    color: var(--color-blue-light);
    transition-duration: 256ms;
    transition-timing-function: var(--global-anim-standard);

    cursor: pointer;
}

.post-content-ohg a:hover,
.post-content-ohg a:focus,
.post-content-ohg a:active {
    color: var(--color-blue-secondary);
}

.post-content-ohg p {
    margin-bottom: 1rem;
}

.post-content-ohg figure {
    display: block;
    margin-top: var(--blog-margin-element);
    margin-bottom: var(--blog-margin-element);
}
.post-content-ohg figcaption{
    color: #777;
    margin-top: 0.35rem;
    line-height: 1.25;
}

.post-content-ohg b,
.post-content-ohg strong {
    font-weight: 700;
}

.post-content-ohg figure[class="figure-row"]{
    display: flex;
}

.post-content-ohg figure[class="figure-row"] img{
    flex: 1 1 50%;
    max-width: 50%
}

.post-content-ohg ul{
    list-style: disc;
    padding-left: 2rem;
}

.post-content-ohg blockquote{
    padding-left: 1rem;
    border-left: 0.25rem solid var(--color-blue-light);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .post-content-ohg blockquote{
        margin: 2rem;
        padding-left: 2rem;
    }
}


.post-gallery--xh {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    grid-gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  @media (min-width: 1024px) {
    .post-gallery--xh {
        grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
        grid-gap: 1rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

.post-gallery__item-8Tn {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.2s ease-in-out;
}

.post-gallery__item-8Tn:hover {
    transform: scale(1.05);
}

.post-searchLink-sQR {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;

    padding-top: 3rem;
}

.post-searchLink-sQR:hover {
    color: var(--color-blue-secondary);
}

.post-searchIcon-Zpr {
    padding: 0.5rem;

    color: #fff;
    background-color: var(--color-blue-secondary);
}

.post-content-ohg div[class="iframe-wrapper"]{
    aspect-ratio: 16/9;
    position: relative;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

div[class="iframe-wrapper"] > iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.interactiveHouse-root-nFY {
    position: relative;
    width: 100%;
}

.products-root-VyR {
    min-height: 10rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

@media (min-width: 768px) {
    .products-root-VyR {
        margin-bottom: 3.5rem;
    }
}

.products-root-VyR div[class*='swiper-container']{
    overflow: visible;
}

.products-container-vuP {
    position: relative;
}

/* .container::before {
    content: '';
    z-index: 10;
    position: absolute;
    top: 0;
    left: calc(-100% + 1rem);
    bottom: 0;
    right: 100%;
    display: block;
    background-color: white;
}

@media (min-width: 768px) {
    .container::before {
        left: calc(-100% + 2rem);
    }
} */

@media (min-width: 1602px) {
    .products-container-vuP {
        --margin: calc((100% - var(--global-maxWidth))/2);
        max-width: calc(100% - var(--margin));
        margin-left: var(--margin);
        margin-right: 0;
        padding-right: 0;
    }
}

.products-title-iHL {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .products-title-iHL {
        margin-bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .products-headerWrp-JXq {
        text-align: center;
    }

    .products-headerBar-r2N .products-title-iHL {
        display: inline-block;
        padding-right: 2rem;
        padding-left: 2rem;

        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 16L22 12L18 8' stroke='%23005d4e' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12L2 12' stroke='%23005d4e' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-position: 100% 50%;
        background-repeat: no-repeat;
        transition: background-position 0.3s ease;
    }
}

.products-shimmer-root-x4K {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    min-height: 28rem;
}


@media (min-width: 768px) {
    .products-shimmer-root-x4K {
        grid-template-columns: repeat(3, 1fr);
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .products-shimmer-root-x4K {
        grid-template-columns: repeat(4, 1fr);
        -moz-column-gap: 2rem;
             column-gap: 2rem;
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 1280px) {
    .products-shimmer-root-x4K {
        grid-template-columns: repeat(6, 1fr);
    }
}

.productsSlider-root-esH {
    max-width: 100%;
    padding-bottom: 2rem;
    overflow: hidden;
}

@media (min-width: 768px) {
    .productsSlider-root-esH {
        padding-bottom: 2.875rem;
    }
}

.productsSlider-root-esH [class=swiper-scrollbar] {
    z-index: 1;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    bottom: 0;
    display: flex;
    align-items: center;
    height: 1px;

    max-width: 100%;

    pointer-events: auto;
    cursor: pointer;
    background-color: var(--color-grey-light);
}

.productsSlider-root-esH [class=swiper-scrollbar-drag] {
    height: 3px !important;
    border-radius: 0 !important;
    background-color: var(--color-grey-dark);
}

.productsSlider-root-esH [class=swiper-slide] {
    height: auto;
}

.productsSlider-slide-sRY {

    display: flex;
    flex-direction: column;
    width: auto;
    height: 100%;
}

@media (min-width: 768px) {
    .productsSlider-slide-sRY {
        width: 185px;
    }
}

@media (min-width: 1280px) {
    .productsSlider-slide-sRY {
        width: 230px;
    }
}

.carousel-root-a-Y {
    position: relative;

    padding-bottom: 0.5rem;

    background-color: var(--color-light-grey);
}

.carousel-rootFullSize-JT4 {
}

@media (max-width: 1023px) {
    .carousel-root-a-Y:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 50%;

        display: block;
        width: 100vw;
        transform: translateX(-50%);
        background: inherit;
    }
}

@media (min-width: 1024px) {
    .carousel-root-a-Y {
        padding-bottom: 1rem;
        margin-bottom: 0;
    }

    .carousel-rootFullSize-JT4 {
        position: fixed;
        z-index: 13;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 3.375rem;

        background-color: rgba(0, 0, 0, 0.9);
    }

    .carousel-rootFullSize-JT4 .carousel-carouselContainer-PJA {
        max-height: none;
        height: calc(80vh - 6.75rem);
        margin-bottom: 1.5rem;
    }

    .carousel-rootFullSize-JT4 .carousel-thumbnailList-ni3 .swiper-container {
        width: 100%;
    }

    .carousel-rootFullSize-JT4 .carousel-fullSizeBtn-4aA {
        width: 3rem;
        height: 3rem;
    }
}

.carousel-carouselContainer-PJA {
    margin-bottom: 0.1rem;
}

@media (min-width: 1024px) {
    .carousel-carouselContainer-PJA {
        position: relative;
        z-index: 2;
        margin-bottom: 1rem;

        grid-area: main;
    }
}

.carousel-fullSizeBtn-4aA:hover {
    cursor: pointer;
    opacity: 0.8;
}

.carousel-fzBtnClose-1mo {
    color: var(--color-white);
}

.carousel-fzBtnOpen-5Ci {}

.carousel-carouselContainer-PJA .swiper-container {
    max-height: 34rem;
    height: 100%;
    margin-bottom: 1rem;
}

@media (max-width: 1023px) {
    .carousel-carouselContainer-PJA .swiper-container {
        margin-bottom: 0.5rem;
    }
}

.carousel-carouselContainer-PJA .swiper-slide {
    height: auto;
}

@media (max-width: 1023px) {
    .carousel-thumbnailList-ni3 {
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 1024px) {
    .carousel-thumbnailList-ni3 {
        position: relative;
        padding: 0 1.25rem;
    }

    .carousel-thumbnailList-ni3 .swiper-container {
        /*height: 6.25rem;*/
        width: 100%;
    }

    .carousel-thumbnailList-ni3 .swiper-slide {
        height: auto;

        cursor: pointer;
        background-color: var(--color-light-grey);
    }

    .carousel-thumbnailList-ni3 .swiper-slide-thumb-active {
        opacity: 0.5;
    }

    .carousel-thumbnailList-ni3 [class*="image-loaded"] {
        height: 100%;
        width: 100%;

        -o-object-fit: contain;

           object-fit: contain;

        mix-blend-mode: darken;
    }
}

@media (max-width: 1023px) {
    .carousel-sliderBtn-0iB {
        display: none;
    }
}

@media (min-width: 1024px) {
    .carousel-sliderBtn-0iB {
        position: absolute;
        left: 0;
        right: 0;
    }

    .carousel-sliderBtn-0iB:disabled {
        opacity: 0.3;
        cursor: default;
    }
}

.carousel-prevBtn-MLp {

    top: 0;
    left: calc(-1.25rem);
    right: auto;
    bottom: 0;
}

.carousel-nextBtn-ylR {

    top: 0;
    right: calc(-1.25rem);
    left: auto;
    bottom: 0;
}

.carousel-rootFullSize-JT4 .carousel-prevBtn-MLp,
.carousel-rootFullSize-JT4 .carousel-nextBtn-ylR {
    color: var(--color-white);
}

.carousel-sliderBtnIcon-eHn {
    height: 2.5rem;
    width: 2.5rem;
}

@media (max-width: 1023px) {
    .carousel-fullSizeBtn-4aA {
        display: none;
    }
}

@media (min-width: 1024px) {
    .carousel-fullSizeBtn-4aA {
        position: absolute;
        z-index: 2;
        top: 1rem;
        right: 1rem;

        width: 1.5rem;
        height: 1.5rem;

        outline: none;
    }

    .carousel-fullSizeBtn-4aA svg {
        width: 100%;
        height: 100%;

        stroke: var(--color-dark-grey)
    }
}


/*@media (min-width: 1550px) {
    .thumbnailList :global(.swiper-container) {
        height: 12rem;
    }
}*/


.carousel-imageContainer-eFz {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.carousel-currentImage-U-e {
    width: 100%;
    height: 100%;
}

.breadcrumbs-root-g9G {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.breadcrumbs-breadcrumbs-Tuo {
    /* Show ellipses when overflowing. */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumbs-backButton--XS {
    display: inline-block;
}

.breadcrumbs-text-nj- {
    color: var(--color-grey-dark);
}

.breadcrumbs-link-gzM {
    text-decoration: none;
}

.breadcrumbs-link-gzM:hover {
    color: var(--color-grey-classic);
}

.breadcrumbs-dividerIcon-q3N {
    display: inline-block;
}

.postTableContent-root-J8d {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--color-grey-light)
}

.postTableContent-root-J8d ul > li::marker{
    color: var(--color-blue-secondary);
}

.postTableContent-root-J8d ul > li + li{
    margin-top: 0.25rem;
}

.postTableContent-root-J8d a:hover,
.postTableContent-root-J8d a:focus,
.postTableContent-root-J8d a:active{
    text-decoration: underline;
    color: var(--color-blue-dark);
}

.postTableContent-title-HQy{
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.15rem;
}

/** smooth scrolling **/
html {scroll-behavior: smooth;}

.relatedPosts-root-3SF {
    overflow: hidden;
    padding-top: 3rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .relatedPosts-root-3SF {
        margin-bottom: 5.5rem;
    }
}

.relatedPosts-root-3SF div[class*='swiper-container'] {
    overflow: visible;
}

.relatedPosts-container-noT {
    position: relative;
}

.relatedPosts-header-kEz {

    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .relatedPosts-header-kEz {
        margin-bottom: 2rem;
    }
}

.relatedPosts-slider-GQm {
    padding-bottom: 3.1875rem;
}

@media (min-width: 768px) {
    .relatedPosts-slider-GQm {
        padding-bottom: 2.1875rem;
    }
}

.relatedPosts-slider-GQm [class=swiper-scrollbar] {
    z-index: 1;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    bottom: 0;
    display: flex;
    align-items: center;
    height: 1px;

    max-width: 1602px;

    pointer-events: auto;
    cursor: pointer;
    background-color: var(--color-grey-light);
}

.relatedPosts-slider-GQm [class=swiper-scrollbar-drag] {
    height: 3px !important;
    border-radius: 0 !important;
    background-color: var(--color-grey-dark);
}

.relatedPosts-slider-GQm [class=swiper-slide] {
    height: auto;
}

.relatedPosts-slide-GUB {
    width: 222px;
}

@media (min-width: 768px) {
    .relatedPosts-slide-GUB {
        width: 295px;
    }
}

@media (min-width: 1280px) {
    .relatedPosts-slide-GUB {
        width: 350px;
    }
}

.relatedPostsItem-root-auC {

}

.relatedPostsItem-header-pW8 {
}

.relatedPostsItem-link-N9y {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height:  100%;
}

.relatedPostsItem-btn-ilR {
    --stroke: var(--color-white);

    display: inline-grid;
    grid-auto-flow: column;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    justify-content: center;
    align-items: center;
    justify-items: center;
    max-width: 100%;

    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.143em;
    text-align: center;
}

.relatedPostsItem-link-N9y:hover .relatedPostsItem-image--yn {
    transform: scale(1.2);
}

.relatedPostsItem-link-N9y:hover .relatedPostsItem-btn-ilR {
    color: var(--color-red-primary);
}

.relatedPostsItem-imageWrapper-BYf {
    position: relative;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .relatedPostsItem-imageWrapper-BYf {
        margin-bottom: 3.25rem;
    }
}

.relatedPostsItem-imageBox-M-4 {
    min-height: 10rem;
    overflow: hidden;
}

/* for item shimmer */
.relatedPostsItem-imageContainer-Hb4 {
    position: relative;
    padding-top: 20%;

    width: 100%;
    height: auto;

    background-color: var(--color-grey-light);
    transition: background-color 0.5s ease;
}

.relatedPostsItem-imageContainerTransparent-6uB {
}

.relatedPostsItem-image--yn {
    transition: transform 512ms var(--global-anim-standard);
}

.relatedPostsItem-labelWrp-O6Z {
    position: absolute;
    bottom: calc(-0.75rem);
    left: 0;

    color: var(--color-white);
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .relatedPostsItem-labelWrp-O6Z {
        bottom: calc(-0.875rem);
    }
}

.relatedPostsItem-label-p2m {
    padding: 2.125rem 0.5rem 0.25rem 0.5rem;
    padding-top: calc(60%);
}

.relatedPostsItem-title-AOO {

    margin-bottom: 0.75rem;
}

.relatedPostsItem-descr-5GY {
    margin-bottom: 1rem;

    font-family: 'Sarabun', sans-serif !important;
    color: var(--color-grey-shade);
}

@media (min-width: 768px) {
    .relatedPostsItem-descr-5GY {
        margin-bottom: 2rem;
    }
}

.blogAside-root-chn {

    padding-top: 3rem;
    padding-bottom: 3rem;
}

.blogAside-wrp-L0H {
}

.blogAside-title-iS9 {

    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .blogAside-title-iS9 {
        margin-bottom: 2rem;
    }
}

.blogAside-list-v3b {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.blogAside-post-MUp {

}

.blogAside-post-MUp:not(:last-child) {
    border-bottom: 1px solid var(--color-grey-secondary);
}

.blogAside-searchLink-I8E {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;

    padding-top: 1rem;

    border-top: 1px solid var(--color-grey-secondary);
}

.blogAside-searchLink-I8E:hover {
    color: var(--color-blue-secondary);
}

.blogAside-searchIcon-5-j {
    padding: 0.5rem;

    color: #fff;
    background-color: var(--color-blue-secondary);
}

.asidePostPreview-root-hFu {

}

.asidePostPreview-link-p-7 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height:  100%;
}

.asidePostPreview-btn-Jxp {
    /* --stroke: var(--color-white); */
}

/* .link:hover .image {
    transform: scale(1.2);
} */

.asidePostPreview-imageWrapper-m2f {
    position: relative;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .asidePostPreview-imageWrapper-m2f {
        margin-bottom: 1.25rem;
    }
}

.asidePostPreview-imageBox-4CK {
    min-height: 10rem;
    margin-bottom: 0.5rem;

    overflow: hidden;
}

/* for item shimmer */
.asidePostPreview-imageContainer-NfW {
    position: relative;
    padding-top: 20%;

    width: 100%;
    height: auto;

    background-color: var(--color-grey-light);
    transition: background-color 0.5s ease;
}

.asidePostPreview-imageContainerTransparent-I8K {
}

.asidePostPreview-image-lY5 {
    transition: transform 512ms var(--global-anim-standard);
}

.asidePostPreview-labelWrp-lSC {
    position: absolute;
    bottom: calc(-0.75rem);
    left: 0;

    color: var(--color-white);
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .asidePostPreview-labelWrp-lSC {
        bottom: calc(-0.875rem);
    }
}

.asidePostPreview-label-TGS {
    padding: 2.125rem 0.5rem 0.25rem 0.5rem;
}

.asidePostPreview-title-B4s {

    margin-bottom: 0.75rem;
}

.asidePostPreview-descr-XgL {
    margin-bottom: 1rem;

    font-family: 'Sarabun', sans-serif !important;
    color: var(--color-grey-shade);
}

@media (min-width: 768px) {
    .asidePostPreview-descr-XgL {
        margin-bottom: 2rem;
    }
}

.categoryList-catRoot-IpG{
}

.categoryList-catRoot-IpG h3{
    display: none;
}

.categoryList-catNav-xMh{
    overflow: auto;
    border-bottom: 1px solid var(--color-grey-secondary);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: -1rem;
    margin-left: -1rem;
    background: #fff;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
}

.categoryList-catList-lA4{
    display: flex;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    list-style: none;
    margin-bottom: 0;
}

/** padding for last element **/
.categoryList-catList-lA4 > li:last-child{
    padding-right: 1rem;
}
@media (min-width: 1024px) {
    .categoryList-catList-lA4 > li:last-child{
        padding-right: 0;
    }
}

.categoryList-catItem-qpM{
}

.categoryList-catLink-YrH{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-grey-dark);
}

.categoryList-catLink-YrH.categoryList-catLinkActive-YxX, .categoryList-catLink-YrH:hover, .categoryList-catLink-YrH:focus, .categoryList-catLink-YrH:active{
    color: var(--color-blue-dark)
}

.categoryList-catLink-YrH > span{
    white-space: nowrap;
}

.categoryList-catCount-qIC{
    color: var(--color-grey);
    display: none;
    font-weight: 400;
}

.categoryList-catCount-qIC::before{
    content: '(';
}
.categoryList-catCount-qIC::after{
    content: ')';
}

@media (min-width: 1024px) {
    .categoryList-catList-lA4{
        flex-direction: column;
    }

    .categoryList-catLink-YrH{
        font-size: 1rem;
    }

    .categoryList-catLink-YrH > span{
        white-space: normal;
    }

    .categoryList-catCount-qIC{
        display: block;
    }

    .categoryList-catNav-xMh{
        -webkit-mask-image: none;
                mask-image: none;
        overflow: hidden;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        border: none;
    }

    .categoryList-catRoot-IpG h3{
        display: block;
    }

    .categoryList-catRoot-IpG{
        position: sticky;
        top: 1rem;
    }

    .categoryList-catRoot_post-s2e{
        position: static !important;
        top: auto;
        margin-bottom: 2rem;
        border-bottom: 1px solid var(--color-grey-light);
    }
}