.article-grid{position:relative}.article{overflow:hidden;position:relative}@media (max-width: 839px){.article{padding:24px 0}}@media (min-width: 840px){.article{padding-top:48px;padding-bottom:48px}}.article h2{color:var(--color-black-2);display:inline-block;font-size:2rem;margin-bottom:64px;margin-top:40px;position:relative}@media (min-width: 840px){.article h2{font-size:2.6rem}}.article-grid{display:grid;grid-template-columns:1fr;margin:auto;max-width:var(--page-width);width:100%}@media (min-width: 840px){.article-grid{grid-column-gap:24px;grid-template-columns:65% calc(35% - 24px)}}@media (min-width: 1200px){.article-grid{grid-column-gap:40px;grid-template-columns:70% calc(30% - 40px)}}@media (max-width: 839px){.article-grid[data-type=artist-profile] .article-heading-and-intro{padding-bottom:0}.article-grid[data-type=artist-profile] .article-heading-and-intro{order:1}.article-grid[data-type=artist-profile] .article-main-content{order:2}.article-grid[data-type=artist-profile] .article-videos{order:3}.article-grid[data-type=artist-profile] .article-sidebar{order:4}.article-grid[data-type=artist-profile] .article-products{order:5}.article-grid[data-type=artist-profile] .article-footer{order:6}}.article-top-bg{background:var(--color-gray-6);height:450px;bottom:450px;position:absolute;top:0;left:0;right:0}@media (min-width: 840px){.article-top-bg{height:520px;bottom:520px}}@media (min-width: 1200px){.article-top-bg{height:600px;bottom:600px}}.article-heading-and-intro{padding-bottom:24px;position:relative}@media (min-width: 840px){.article-heading-and-intro{border-bottom:1px solid rgba(125,146,171,.2)}}.article-content-wrapper{color:var(--color-gray-2);padding-left:48px}@media (max-width: 839px){.article-content-wrapper{padding:0 20px}}.article-content-wrapper p,.article-content-wrapper ul{padding-bottom:1rem}.article-content-wrapper h1,.article-content-wrapper h2,.article-content-wrapper h3,.article-content-wrapper h4,.article-content-wrapper h5,.article-content-wrapper h6{color:var(--color-black-2)}.article-content-wrapper h3,.article-content-wrapper h4,.article-content-wrapper h5,.article-content-wrapper h6{margin-bottom:1rem}.article-content-wrapper img{display:block;margin:8px auto}@media (max-width: 424px){.article-content-wrapper img{width:100%}}@media (min-width: 425px){.article-content-wrapper img{max-height:80vh;max-width:90%}}.article-content-wrapper a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0);transition:border-color .15s ease-in-out}.article-content-wrapper a:hover{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.article-content-wrapper a:active{border-color:var(--color-primary-darker);color:var(--color-primary-darker)}.article-content-wrapper ul{list-style:disc;padding-left:1rem}.article-content-wrapper table{border-collapse:collapse;border-spacing:1px}.article-content-wrapper th,.article-content-wrapper td{border:1px solid #000}.article-content-wrapper iframe,.article-content-wrapper video,.article-content-wrapper img{max-width:100%}.article-main-content{padding:16px 0}.article-main-content h2:nth-child(1){margin-top:24px}@media (min-width: 840px){.article-main-content{border-bottom:1px solid rgba(125,146,171,.2);grid-column-end:span 2;padding:24px calc(35% + 24px) 24px 0}.article-main-content h2:nth-child(1){margin-top:16px}}@media (min-width: 1200px){.article-main-content{padding:24px calc(30% + 40px) 24px 0}}.article-table-of-contents{background:var(--color-gray-7);margin:1rem 0;padding:36px 48px 64px;position:relative;text-align:left}@media (max-width: 424px){.article-table-of-contents{width:calc(100% + 20px)}}@media (min-width: 840px){.article-table-of-contents{left:-48px;width:calc(100% + 48px)}}h2.article-table-of-contents-title{font-size:1.375rem;margin-bottom:24px;margin-top:0}@media (min-width: 840px){h2.article-table-of-contents-title{font-size:1.5rem}}ul.article-table-of-contents-items{list-style:disc;padding-left:1.25rem;padding-bottom:0}.article-table-of-contents-item:not(:last-of-type){margin-bottom:12px}.article-table-of-contents-link{color:var(--color-gray-1);text-decoration:underline}.article-table-of-contents-link:hover,.article-table-of-contents-link:active{color:var(--color-black-2)}.article-title-overline-text{color:var(--color-gray-1);font-family:var(--font-heading-family);font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-transform:uppercase}@media (max-width: 839px){.article-title-overline-text{padding:0 20px}}.article-title{color:var(--color-black-2);margin-bottom:1.5rem}@media (max-width: 839px){.article-title{padding:0 20px}}.article-meta-and-share{align-items:center;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}@media (min-width: 600px){.article-meta-and-share{flex-wrap:nowrap}}@media (max-width: 839px){.article-meta-and-share{padding:0 20px}}.article-meta-and-share .article-heading-share-items-wrapper{margin-bottom:12px}.article-meta-items{display:flex;flex-wrap:wrap;margin-bottom:12px}.article-meta-item{align-items:center;border:0;display:flex;font-size:.75rem;height:1.5rem;padding:6px 0}.article-meta-item:not(:last-of-type){margin-right:1rem}@media (min-width: 840px){.article-meta-item:not(:last-of-type){margin-right:1.75rem}}.article-meta-item .profile-icon{height:auto;margin-right:4px;width:8px}.article-author{font-weight:700}.article-date{color:var(--color-primary-dark)}.article-difficulty-level .star-icon,.article-difficulty-level .star-empty-icon{height:12px;margin-right:2px}.article-difficulty-level .star-icon:first-of-type{margin-left:6px}.article-difficulty-level .desktop-only{display:flex;height:100%;align-items:center}.article-share-items{display:flex}.article-share-item:not(:last-of-type){margin-right:4px}@media (min-width: 840px){.article-share-item:not(:last-of-type){margin-right:8px}}.article-share-link{background:var(--color-primary);color:#fff;width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;height:32px;text-align:center}.article-share-link .icon{height:14px;width:14px}.article-share-link:hover,.article-share-link:active{color:var(--color-gray-6);background:var(--color-primary-dark)}.article-main-img-wr{margin-bottom:36px}@media (max-width: 839px){.article-main-img-wr{padding:0 20px}}.article-products{position:relative;width:100%}@media (max-width: 839px){.article-products{padding:0 20px}}@media (min-width: 840px){.article-products{grid-column-end:span 2}}@media (min-width: 840px){.article-products-title{margin-left:48px}}.article-product-cards-outer{margin-bottom:96px;text-align:left;width:100%}.article-product-cards-outer .product-card-slider{width:100%}@media (max-width: 839px){.article-product-cards-outer .product-card-slider .flickity-button{display:block;top:100%;transform:unset;margin-top:24px}.article-product-cards-outer .product-card-slider .flickity-button.next{right:0}.article-product-cards-outer .product-card-slider .flickity-button.left{left:0}}@media (min-width: 840px){.article-product-cards-outer{display:flex;flex-wrap:wrap;margin-bottom:0;width:100%}.article-product-cards-outer .product-card{margin-right:23px;margin-bottom:24px;width:calc((100% - 72px)/4)}.article-product-cards-outer .product-card:nth-of-type(4n){margin-right:0}.article-product-cards-outer .flickity-slider .product-card:nth-of-type(4n){margin-right:23px}}.article-videos{position:relative}@media (max-width: 839px){.article-videos{padding:0 20px}}@media (min-width: 840px){.article-videos{grid-column-end:span 2}}@media (min-width: 840px){.article-videos-title{margin-left:48px}}.article-video-preview-image-wrappers{margin-bottom:40px;text-align:left}@media (min-width: 840px){.article-video-preview-image-wrappers{display:flex;flex-wrap:wrap;margin-bottom:48px}}.article-video-preview-image-wrapper{display:inline-block;min-width:100%;width:100%}@media (min-width: 840px){.article-video-preview-image-wrapper{margin-right:12px;min-width:calc((100% - 24px) / 3);width:calc((100% - 24px) / 3)}.article-video-preview-image-wrapper:nth-of-type(3n){margin-right:0}}.article-video-preview-image-wrapper .ratio-box{width:100%}.article-video-preview-image-wrapper .play-btn{align-items:center;bottom:0;color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;transition:background .2s ease-in-out,color .2s ease-in-out}.article-video-preview-image-wrapper .play-btn .icon-wrapper{background:#fff0;border-radius:50%;display:block;height:64px;width:64px}.article-video-preview-image-wrapper .play-btn .icon{width:100%;height:100%}.article-video-preview-image-wrapper .play-btn:hover{color:#fff}.article-video-preview-image-wrapper .play-btn:hover .icon-wrapper{background:var(--color-primary)}.article-video-preview-image-wrapper .play-btn:active{color:#fff}.article-video-preview-image-wrapper .play-btn:active .icon-wrapper{background:var(--color-primary-dark)}@media (max-width: 839px){.article-sidebar{background:var(--color-gray-7);padding:24px 20px;margin-top:24px}}@media (min-width: 840px){.article-sidebar{position:absolute;right:0;top:0;width:calc(35% - 24px)}}@media (min-width: 1200px){.article-sidebar{position:absolute;top:0;width:calc(30% - 40px)}}.suggested-articles{border-radius:2px;background:#fff;box-shadow:var(--card-shadow-3);padding:24px}.suggested-articles-title{color:var(--color-primary-dark);font-weight:700;margin-bottom:10px;font-size:20px}.suggested-article{border-bottom:1px solid rgba(125,146,171,.2);display:flex;padding:10px 0}.suggested-article-img-wr{width:50px;min-width:50px;height:50px;min-height:50px}.suggested-article-meta{padding-left:12px}.suggested-article-title{color:var(--color-black-2)}@media (max-width: 1199px){.suggested-article-title{font-size:14px}}.suggested-article-date{color:var(--color-gray-3)}.article-footer{align-items:flex-end;display:flex;flex-wrap:wrap;margin-top:24px}@media (max-width: 839px){.article-footer{padding:0 20px}}@media (min-width: 840px){.article-footer{grid-column-end:span 2;padding-right:calc(35% + 24px)}}@media (min-width: 1200px){.article-footer{padding-right:calc(30% + 40px)}}.article-about-author{border:1px solid rgba(125,146,171,.2);width:100%;padding:32px 24px}@media (min-width: 840px){.article-about-author{padding:48px}}.article-about-author-title{color:var(--color-black-2);font-weight:700;font-family:var(--font-heading-family)}@media (min-width: 840px){.article-about-author-title{font-size:24px;letter-spacing:-.02em;margin-bottom:36px}}.article-about-author-main{display:flex}@media (max-width: 839px){.article-about-author-main{align-items:center;margin-bottom:24px}}.article-about-author-description{color:var(--color-gray-2)}.article-about-author-img-wr{margin-right:24px;width:76px;min-width:76px}.article-about-author-img-wr .ratio-img{border-radius:38px}.article-about-author-name{font-weight:700;line-height:1.5;margin-bottom:8px}@media (max-width: 839px){.article-about-author-name{color:var(--color-primary-dark);font-size:1.25rem;margin-bottom:auto}}.article-footer-share-items-wrapper{align-items:center;display:flex;width:100%}@media (min-width: 840px){.article-footer-share-items-wrapper{justify-content:flex-start}}.article-footer-share-label{display:inline-block;font-family:var(--font-heading-family);font-weight:700;margin-right:24px;text-transform:uppercase}.article-footer-share-items-wrapper{margin-bottom:36px}.article-search{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.article-search-btn{color:var(--color-primary-dark);position:absolute;top:calc(50% - 12px);right:24px}.article-search-btn .search-icon{height:24px;width:24px}.article-search-bar-input{border:1px solid var(--color-primary-dark);border-radius:26px;color:var(--color-primary-dark);font-size:1rem;line-height:24px;padding:13px 48px 13px 24px;outline:0;width:100%}.article-search-bar-input:focus,.article-search-bar-input:active{outline:0;box-shadow:0 2px 16px #003a6866}.article-search-bar-input::placeholder{color:var(--color-primary-dark);opacity:.8}.article-mobile-search-wrapper{margin:0 auto 24px;width:calc(100% - 40px)}.article-desktop-search-wrapper{margin-bottom:24px}.jagged-underline{display:flex;position:absolute;left:0;right:0;top:100%;margin-top:10px}.jagged-underline>span{display:inline-block;flex-shrink:0;width:10px;margin-right:3px;height:10px;border:1px solid var(--color-gray-2);transform:rotate(-45deg);transform-origin:center;border-top:0;border-right:0}.page-type-blog .breadcrumbs{display:none}.blog-hero{background:var(--color-gray-7);padding-top:24px}@media (min-width: 1200px){.blog-hero{padding-top:0}}.blog-hero-form-wrapper{color:var(--color-black-2);display:flex;flex-direction:column;justify-content:center;padding:24px 8px}@media (min-width: 1200px){.blog-hero-form-wrapper{order:1}}.blog-hero-title{color:var(--color-primary-dark);margin-bottom:24px}.blog-hero-form-description{line-height:1.5;margin-bottom:14px}@media (min-width: 1200px){.blog-hero-form-description{max-width:420px}}@media (min-width: 1200px){.blog-hero-img-wrapper{order:2;width:100%}}.blog-hero-form-main{display:flex;flex-wrap:wrap;margin-bottom:36px}@media (min-width: 1200px){.blog-hero-form-main{max-width:420px}}.blog-hero-form-main .btn{flex-grow:1;max-width:180px}.blog-subscribe-legal{font-size:12px}.blog-hero-form-main .btn,.blog-subscribe-input-wrapper{margin-bottom:12px}#blog-subscribe-input{background:#fff;border:1px solid var(--color-gray-2);border-radius:21px;flex-grow:1;height:44px;line-height:1.5rem;margin-right:10px;min-width:180px;padding:9px 24px}#blog-subscribe-input::placeholder{opacity:.7}.blog-filter-and-search{margin-bottom:32px;margin-top:48px}@media (min-width: 1200px){.blog-filter-and-search{margin-bottom:36px;margin-top:72px}}.blog-filter-and-search .listbox{margin-bottom:16px}.blog-filter-and-search .listbox.is-empty .listbox-value{color:var(--color-gray-2)}.blog-filter-and-search .listbox.is-open .listbox-btn{border-color:#1967d2b3;outline:0;box-shadow:0 1px 7px #1967d280}.blog-filter-and-search .listbox-btn{background:var(--color-gray-7);border-color:var(--color-gray-3);border-radius:21px;width:100%;padding-left:24px;font-weight:400}.blog-filter-and-search .listbox-btn .listbox-value{color:var(--color-gray-1);font-size:16px;font-weight:400}.blog-filter-and-search .listbox-list{background:#fff;max-width:100%;width:100%;font-size:16px}.blog-search{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.blog-search-input{background:var(--color-gray-7);border:1px solid var(--color-gray-3);border-radius:21px;color:var(--color-gray-1);font-size:1rem;line-height:24px;padding:9px 48px 9px 24px;outline:0;width:100%}.blog-search-input:focus,.blog-search-input:active{border-color:#1967d2b3;outline:0;box-shadow:0 1px 7px #1967d280}.blog-search-input::placeholder{color:var(--color-gray-2);opacity:1}.blog-search-btn{color:var(--color-primary-dark);position:absolute;right:12px;top:calc(50% - 12px)}.blog-search-btn .search-icon{height:24px;width:24px}.blog-articles{display:grid;grid-template-columns:1fr;margin:auto;max-width:var(--page-width);width:100%}@media (min-width: 840px){.blog-articles{grid-column-gap:40px;grid-template-columns:70% calc(30% - 40px)}}.blog-article-results{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.blog-article-results.is-empty .blog-article-no-results-label{font-size:20px;display:block}.blog-article-no-results-label{display:none}.blog-results-pagination-wrapper{margin-top:36px;width:100%}.blog-article{box-shadow:var(--card-shadow-3);border-radius:2px;margin-bottom:24px;width:100%}.blog-article[data-type="Project Guide"] .blog-article-type-flag{background:var(--color-pastel-green)}.blog-article[data-type="Artist Profile"] .blog-article-type-flag{background:var(--color-pastel-purple)}.blog-article.is-loading{background:var(--color-gray-6);overflow:hidden;position:relative}.blog-article.is-loading .blog-article-inner{opacity:0}.blog-article.is-loading:after{animation:option_loading .8s infinite;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.3)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:2px;content:"";display:block;height:100%;top:0;left:0;right:0;bottom:0;position:absolute;transform:translate(-100%);width:100%}@keyframes option_loading{to{transform:translate(100%)}}.blog-article .article-meta-items{margin-bottom:0}@media (min-width: 1200px){.blog-article{width:calc(50% - 12px)}.blog-article:first-of-type{width:100%}}.blog-article-type-flag{background:var(--color-primary);color:#fff;height:30px;font-family:var(--font-heading-family);font-size:16px;left:0;letter-spacing:.05em;line-height:1;padding:7px 16px;position:absolute;text-transform:uppercase;top:16px}.blog-article-inner{display:flex;flex-direction:column;height:100%;transition:opacity .3s ease-in-out}.blog-article-meta{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px 20px}.blog-article-meta-upper{color:var(--color-black-2)}.blog-article-title{font-family:var(--font-heading-family);font-size:1.25rem;font-weight:700;line-height:1.2;margin:.75rem 0}.blog-article-time-to-read{align-items:center;color:var(--color-gray-2);display:flex;font-size:12px}.blog-article-time-to-read .icon{margin-right:6px}.blog-article-time-to-read .time-to-read-value{font-weight:500;display:inline-block;margin-left:3px}.blog-article-excerpt{line-height:1.5;margin-bottom:16px;position:relative}@media (min-width: 1200px){.blog-article-excerpt{max-height:72px;margin-bottom:24px;overflow:hidden}.blog-article-excerpt:after{content:"...";left:0;position:absolute;top:96%}}@media (max-width: 839px){.blog-articles .article-meta-item{border:0;padding:0}.blog-articles .article-meta-item:not(:last-of-type){margin-right:8px}}.blog-article-author-name{display:inline-block;margin-left:2px}.blog-results-pagination{align-items:center;display:flex;justify-content:center;margin:24px 0 48px;width:100%;flex-wrap:wrap}.blog-results-next-page-btn,.blog-results-prev-page-btn{align-items:center;background:#fff;border-radius:12px;display:flex;height:24px;justify-content:center;min-width:24px;line-height:24px;padding:0;text-align:center;width:24px}.blog-results-next-page-btn[disabled],.blog-results-prev-page-btn[disabled]{opacity:.5}@media (max-width: 324px){.blog-results-next-page-btn,.blog-results-prev-page-btn{display:none}}.blog-results-page-number-btns{padding:0 12px;display:flex}.blog-results-page-number-btns .btn,.blog-results-page-number-btns .blog-pagination-ellipsis{color:var(--color-primary);border:1px solid var(--color-primary-lightest);border-radius:20px;font-weight:700;height:40px;line-height:40px;margin-right:7px;min-height:40px;min-width:40px;padding:0;text-align:center;width:40px}.blog-results-page-number-btns .btn.is-selected,.blog-results-page-number-btns .blog-pagination-ellipsis.is-selected{background:var(--color-primary);color:#fff}.blog-results-page-number-btns .btn:last-of-type,.blog-results-page-number-btns .blog-pagination-ellipsis:last-of-type{margin-right:0}.blog-results-page-number-btns .blog-pagination-ellipsis{border:0;display:inline-block;line-height:40px}
/*# sourceMappingURL=/cdn/shop/t/165/assets/blog-and-article-template.css.map */