.cma-how-to-page .how-to-container{display:flex;flex-direction:row;justify-content:space-around;column-gap:24px}.cma-how-to-page .sidebar-menu-container{flex:1;width:306px;margin-top:90px}.cma-how-to-page .blog-posts-section{flex:4;text-align:center;background-color:#fff}.cma-how-to-page .sidebar-menu .menu-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.2)}@media screen and (max-width:992px){.cma-how-to-page .sidebar-menu .menu-item{border-bottom:1px solid rgba(0,0,0,.2)}}.cma-how-to-page li.menu-item{list-style-type:none;padding-left:0}.cma-how-to-page li.menu-item a{color:#1f1f1f;margin-top:8px;margin-bottom:8px;display:block}.cma-how-to-page li.menu-item>a{font-size:24px;font-style:normal;font-weight:500;line-height:32px}.cma-how-to-page li.menu-item.active--page>a{color:var(--color-button__primary)}.cma-how-to-page li.menu-item ul.submenu{margin-left:20px;padding-left:0}.cma-how-to-page li.menu-item ul.submenu li>a{font-size:22px;font-style:normal;font-weight:500;line-height:32px}.cma-how-to-page li.menu-item ul.submenu li.active--page>a{color:var(--color-button__primary)}.cma-how-to-page li.menu-item a{text-decoration:none}.cma-how-to-page .blog-posts-header{display:flex;justify-content:space-between;gap:10px;align-items:left;margin-bottom:32px}.cma-how-to-page .blog-posts-header .blog-posts-section__title,.cma-how-to-page .blog-posts-header .blog-posts-section__total{color:#1f1f1f}.cma-how-to-page .blog-posts-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;flex-wrap:wrap;row-gap:32px;column-gap:22px}@media screen and (max-width: 1240px){.cma-how-to-page .blog-posts-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 991px){.cma-how-to-page .blog-posts-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 520px){.cma-how-to-page .blog-posts-grid{grid-template-columns:repeat(1,1fr)}}.cma-how-to-page .blog-posts-grid .blog-post img,.cma-how-to-page .blog-posts-grid .blog-post video{width:100%;height:100%;object-fit:cover;background-color:#1f1f1f}.cma-how-to-page .blog-posts-grid .blog-post .video-item{cursor:pointer;overflow:hidden;position:relative;width:100%;height:222px}.cma-how-to-page .blog-posts-grid .blog-content .blog-tags{display:flex;color:var(--color-button__primary);font-size:1rem;justify-content:flex-start;align-items:center}.cma-how-to-page .blog-posts-grid .blog-content .blog-tags__item{border-right:1px solid var(--color-button__primary);padding:0 10px;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.cma-how-to-page .blog-posts-grid .blog-content .blog-tags__item:first-child{padding-left:0}.cma-how-to-page .blog-posts-grid .blog-content .blog-tags__item:last-child{padding-right:0;border:none}.cma-how-to-page .blog-posts-grid .blog-content .blog-post__title{color:#1f1f1f;margin:0;line-height:24px;text-decoration:none}.cma-how-to-page .blog-posts-grid .blog-content .blog-post__title:hover{text-decoration:unset;color:#008da7}.cma-how-to-page .blog-posts-grid .blog-content .blog-post__desc{color:#1f1f1f;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.cma-how-to-page .blog-posts-grid .blog-content .blog-post__desc a.see-more{font-size:16px;font-style:normal;font-weight:700;line-height:24px;color:#008da7;text-decoration:none}.cma-how-to-page .blog-content{color:#1f1f1f;text-align:left;display:flex;flex-direction:column;gap:16px;margin-top:12px}@media screen and (max-width: 1023px){.cma-how-to-page .blog-posts-grid{flex-wrap:wrap;row-gap:2rem}}.cma-how-to-page .video-item.youtube:before,.cma-how-to-page .video-item.uploaded:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM33.7655 22.7127C34.7395 23.2948 34.7395 24.7058 33.7655 25.2879L21.4043 32.6755C19.9045 33.5718 18 32.4913 18 30.7441V17.2568C18 15.5097 19.9045 14.4292 21.4042 15.3254L33.7655 22.7127Z' fill='white'/%3E%3C/svg%3E");content:"";background-repeat:no-repeat;position:absolute;width:48px;height:48px;left:50%;top:50%;transform:translate(-50%,-50%)}.cma-how-to-page .blog-posts-header{display:flex;justify-content:space-between;align-items:center}.cma-how-to-page .blog-posts-header .total-product-count{color:#1f1f1f;font-size:24px;font-style:normal;font-weight:300;line-height:56px}.cma-how-to-page .blog-posts-header .filter-wrapper{position:relative;max-width:313px;width:100%}.cma-how-to-page .blog-posts-header .search-input{width:100%;height:38px;padding-left:40px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;max-width:313px}.cma-how-to-page .blog-posts-header .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;line-height:1}.cma-how-to-page .blog-posts-header .search-icon svg{width:18px;height:18px;color:var(--color-button__primary)}.product-grid-container h2.title.title--primary{color:#1f1f1f}@media screen and (min-width:992px) and (max-width: 1200px){.cma-how-to-page .blog-posts-header .search-input,.cma-how-to-page .blog-posts-header .filter-wrapper{max-width:220px}}@media screen and (max-width: 768px){.cma-how-to-page .how-to-container{flex-direction:column;width:100%;row-gap:2rem}.cma-how-to-page .sidebar-menu-container{margin-top:0;width:100%}}@media screen and (max-width: 768px){.cma-how-to-page .blog-posts-header .description{margin-bottom:2rem}.collection #product-grid{margin-top:0}.cma-how-to-page .blog-posts-header .search-input,.cma-how-to-page .blog-posts-header .filter-wrapper{width:100%;max-width:100%}.cma-how-to-page .blog-posts-header{flex-direction:column-reverse;row-gap:2rem;align-items:flex-start}}.cma-how-to-page{min-width:306px}@media screen and (max-width: 768px){.cma-how-to-page{width:100%}}.cma-how-to-page ul{display:flex;flex-direction:column;row-gap:12px;list-style-type:none;padding-left:0}.cma-how-to-page ul.pagination__list{display:flex;flex-direction:row;row-gap:12px;list-style-type:none;padding-left:0}.cma-how-to-page ul.second-level{padding-left:20px;padding-right:8px;margin-top:20px}.cma-how-to-page ul.third-level{margin-top:16px}.cma-how-to-page ul li{position:relative}@media screen and (max-width: 768px){.cma-how-to-page ul.third-level{row-gap:12px}.cma-how-to-page>ul{row-gap:0}.cma-how-to-page ul.sidebar-menu>li{position:relative;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.2);padding-top:16px}}.cma-how-to-page ul.sidebar-menu li a{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:32px;text-decoration:none}.cma-how-to-page ul.sidebar-menu li.second-level-item a{color:var(--color-content__primary);font-size:22px;font-style:normal;font-weight:400;line-height:32px;text-decoration:none}.cma-how-to-page ul.sidebar-menu li.second-level-item a.active-link{color:var(--color-button__primary)}.cma-how-to-page ul.sidebar-menu li.third-level-item a{color:var(--color-content__primary);font-size:22px;font-style:normal;font-weight:400;line-height:32px}.cma-how-to-page ul.sidebar-menu li.third-level-item a.active-link{color:var(--color-button__primary);line-height:32px}.cma-how-to-page .sidebar-menu .active-link{color:var(--color-button__primary)}.cma-how-to-page .second-level,.cma-how-to-page .third-level{display:none}.cma-how-to-page .toggle-icon{cursor:pointer;position:absolute;right:10px;color:#000}.cma-how-to-page .first-toggle-icon:before,.cma-how-to-page .second-toggle-icon:before{content:"";width:32px;height:32px;display:block;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7 14H21' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 21V7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.cma-how-to-page .open>.second-level,.cma-how-to-page .open>.third-level{display:flex}.cma-how-to-page .toggle-open:before{content:"";width:32px;height:32px;display:block;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7 14H21' stroke='%23008DA7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.cma-how-to-page ul.sidebar-menu .first-level{border-bottom:1px solid #ccc;padding-bottom:12px}.mobile-filter-btn{display:none;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:24px;background:var(--color-button__primary);border-radius:2px;border:unset;height:48px;padding:0 8px;text-align:left;width:100%}@media (max-width: 768px){#sidebar-filter{display:none;transition:all .3s ease}#sidebar-filter.active{display:block}.mobile-filter-btn{display:flex;position:relative;align-items:center}#mobile-filter-toggle[aria-expanded=true]:before{content:"";width:32px;height:32px;display:block;background-repeat:no-repeat;position:absolute;right:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10.6667 16H21.3334' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0001 29.3334H20.0001C26.6667 29.3334 29.3334 26.6667 29.3334 20.0001V12.0001C29.3334 5.33341 26.6667 2.66675 20.0001 2.66675H12.0001C5.33341 2.66675 2.66675 5.33341 2.66675 12.0001V20.0001C2.66675 26.6667 5.33341 29.3334 12.0001 29.3334Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#mobile-filter-toggle[aria-expanded=false]:before{content:"";width:32px;height:32px;display:block;background-repeat:no-repeat;position:absolute;right:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10.6667 16H21.3334' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21.3334V10.6667' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0001 29.3334H20.0001C26.6667 29.3334 29.3334 26.6667 29.3334 20.0001V12.0001C29.3334 5.33341 26.6667 2.66675 20.0001 2.66675H12.0001C5.33341 2.66675 2.66675 5.33341 2.66675 12.0001V20.0001C2.66675 26.6667 5.33341 29.3334 12.0001 29.3334Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.sidebar-menu-container .toggle-icon{cursor:pointer;position:absolute;right:10px;color:#000}.sidebar-menu-container .toggle-open:before{content:"";width:32px;height:32px;display:block;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7 14H21' stroke='%23008DA7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cma-section-how-to-page.css.map */