@media screen and (max-width:749px){.collection .grid__item:only-child{flex:0 0 100%;max-width:100%}}@media screen and (max-width:989px){.collection .slider.slider--tablet{margin-bottom:1.5rem}}.collection .loading-overlay{position:absolute;z-index:1;width:1.8rem}@media screen and (max-width:749px){.collection .loading-overlay{top:0;right:0}}@media screen and (min-width:750px){.collection .loading-overlay{left:0}}.collection .loading-overlay{top:0;right:0;bottom:0;left:0;display:none;width:100%;padding:0 1.5rem;opacity:.7}@media screen and (min-width:750px){.collection .loading-overlay{padding-left:5rem;padding-right:5rem}}.collection.loading .loading-overlay{display:block}.collection--empty .title-wrapper{margin-top:5rem;margin-bottom:7rem}@media screen and (max-width:989px){.collection .slider--tablet.product-grid{scroll-padding-left:1.5rem}}.collection__description>*{margin:0}.collection__title.title-wrapper{padding-bottom:2.5rem}.collection__title .title:not(:only-child){margin-bottom:1rem}@media screen and (min-width:990px){.collection__title--desktop-slider .title{margin-bottom:2.5rem}.collection slider-component:not(.page-width-desktop){padding:0}.collection--full-width slider-component:not(.slider-component-desktop){padding:0 1.5rem;max-width:none}}.collection__view-all a:not(.link){margin-top:1rem}.collection-content-section{background:#fff;padding:3rem}.product-grid-container .page-width{padding:0}.collection-content-section{padding:0 0 2rem;display:flex;justify-content:flex-end;align-items:center}.collection-content-section .list-grid-view{display:flex;justify-content:flex-end;align-items:center}.collection-content-section .list-grid-view ul{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end;align-items:center}.collection-content-section .list-grid-view ul li{font-size:1.2rem;text-transform:uppercase;padding:0;margin:0 0 0 1rem;color:#545454;display:flex;align-items:center;height:2.5rem}.collection-content-section .list-grid-view ul li.grid-view svg{width:2rem;height:auto}.collection-content-section .list-grid-view ul li a svg{fill:#d2d2d2;stroke:none;width:2.5rem;position:relative;top:.3rem}.collection-content-section .list-grid-view ul li a:hover svg{fill:#2b2b2b}.collection-color-by-type .sub-collection-list{display:flex;flex-wrap:wrap;margin:0 -1rem;min-width:100%;width:auto;padding-bottom:3rem}.collection-color-by-type .sub-collection-list .cat-col{width:20%;padding:0 1rem 2rem}.collection-color-by-type .sub-collection-list .cat-col a{color:#2b2b2b;text-decoration:none}.collection-color-by-type .sub-collection-list .cat-col a:hover{color:#1f8800}.collection-color-by-type .sub-collection-list .cat-col .cat-img{overflow:hidden;margin-bottom:1rem;max-height:19.4rem}.collection-color-by-type .sub-collection-list .cat-col .cat-img img{max-width:100%;width:100%;height:19.4rem;object-fit:cover;object-position:center;transition:.5s ease all}.collection-color-by-type .sub-collection-list .cat-col a:hover .cat-img img{transform:scale(1.1)}.collection-color-by-type h2{margin-top:0;padding-top:0}.collection-content-section .list-grid-view ul li a.active svg{fill:#2b2b2b}.collection-color-by-type #outputDiv2{min-width:100%;margin:3rem -1rem;width:auto}.collection-color-by-type #outputDiv2 .slick-prev,.collection-color-by-type #outputDiv2 .slick-next{position:absolute;top:-6rem;left:auto;right:1rem;width:4rem;height:4rem;background:#2b2b2b;border:0;outline:none;font-size:0;background-image:url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.765334 0.972687C0.765334 0.546512 1.26435 0.315705 1.58911 0.591676L5.92457 4.27586C6.15953 4.47553 6.15953 4.83821 5.92457 5.03788L1.58911 8.72206C1.26435 8.99803 0.765334 8.76722 0.765334 8.34105V4.65687L0.765334 0.972687Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center;cursor:pointer;border-radius:.2rem;z-index:2}.collection-color-by-type #outputDiv2 .slick-prev{right:5.5rem;transform:rotate(180deg)}.collection-color-by-type #outputDiv2 .slick-prev:hover,.collection-color-by-type #outputDiv2 .slick-next:hover{background-color:#1f8800}.collection-color-by-type #outputDiv2 .color img{width:100%;max-width:100%;height:19.4rem;object-fit:cover;object-position:center;transition:.5s ease all;margin-bottom:1rem}.collection-color-by-type #outputDiv2 .color{padding:0 1rem}.collection-color-by-type #outputDiv2 .color label{cursor:pointer;text-transform:capitalize}.collection-color-by-type #outputDiv2 .color label:hover{color:#1f8800}.collection-color-by-type #outputDiv2 .color label:hover img{opacity:.8}@media screen and (max-width:1439px){.collection-color-by-type .sub-collection-list .cat-col .cat-img{max-height:13.472vw}.collection-color-by-type .sub-collection-list .cat-col .cat-img img{height:13.472vw}}@media screen and (max-width:1279px){.collection-color-by-type .sub-collection-list .cat-col{width:25%}.collection-color-by-type .sub-collection-list .cat-col .cat-img{max-height:15.472vw}.collection-color-by-type .sub-collection-list .cat-col .cat-img img{height:15.472vw}}@media screen and (max-width:1023px){.collection-content-section .list-grid-view{display:none}.collection-color-by-type .sub-collection-list .cat-col .cat-img{max-height:20.472vw}.collection-color-by-type .sub-collection-list .cat-col .cat-img img{height:20.472vw}.collection-color-by-type{margin-top:.7rem}}@media screen and (max-width:767px){.collection-color-by-type .sub-collection-list .cat-col{width:50%}.collection-color-by-type .sub-collection-list .cat-col .cat-img{max-height:40.472vw}.collection-color-by-type .sub-collection-list .cat-col .cat-img img{height:40.472vw}.collection-color-by-type .sub-collection-list{padding-bottom:1rem}.collection-color-by-type #outputDiv2 .color img{height:41.063vw;max-height:41.063}.collection-color-by-type #outputDiv2 .slick-dots{list-style:none;padding:0;margin:0;display:flex;justify-content:center;margin-top:2rem}.collection-color-by-type #outputDiv2 .slick-dots li{width:.8rem;height:.8rem;margin:0 .3rem}.collection-color-by-type #outputDiv2 .slick-dots li button{border:.1rem solid #dddddd;border-radius:50%;background:none;font-size:0px;width:.8rem;height:.8rem;display:block;padding:0}.collection-color-by-type #outputDiv2 .slick-dots li.slick-active button{border-color:#1f8800}}#outputDiv2{display:none}
/*# sourceMappingURL=/cdn/shop/t/86/assets/template-collection.css.map */