:root{--split-bg: #f5f5f5;--split-accent: #000000;--split-gap: 1rem;--transition-duration: .3s;--split-image-aspect: 1796 / 2256}.collection-split-image{width:100%}.collection-split-image__container{max-width:100%;width:100%}.collection-split-image__container.page-width{max-width:100%;padding-left:0;padding-right:0}@media screen and (min-width:750px){.collection-split-image__container.page-width{padding-left:0;padding-right:0}}.collection-split-image__grid{gap:var(--split-gap)}.collection-split-image__item{width:100%}.collection-split-image__wrapper{width:100%;max-width:none;min-width:900px}@media screen and (min-width:1200px){.collection-split-image__wrapper{min-width:1200px}}@media screen and (min-width:1500px){.collection-split-image__wrapper{min-width:1500px}}@media screen and (max-width:990px){.collection-split-image__wrapper{min-width:100%}}.collection-split-image__pane{min-height:500px}@media screen and (min-width:990px){.collection-split-image__pane{min-height:800px}}.collection-split-image__wrapper{display:flex;flex-direction:row;gap:var(--split-gap);position:relative}@media screen and (max-width:767px){.collection-split-image__wrapper{gap:.5rem}}.collection-split-image__wrapper--no-secondary{cursor:default}.collection-split-image__pane{flex:1 1 50%;position:relative;overflow:hidden;aspect-ratio:var(--split-image-aspect);min-width:450px}@media screen and (min-width:1200px){.collection-split-image__pane{min-width:600px}}@media screen and (min-width:1500px){.collection-split-image__pane{min-width:750px}}@media screen and (max-width:990px){.collection-split-image__pane{min-width:100%}}.collection-split-image__pane--left{order:1}.collection-split-image__link{text-decoration:none;color:inherit;display:block}.collection-split-image__pane--right{order:2;background:transparent}.collection-split-image__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.collection-split-image__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:opacity,transform;transition:opacity var(--transition-duration) ease,transform var(--transition-duration) ease}.collection-split-image__img--primary,.collection-split-image__pane--left .collection-split-image__img--primary{opacity:1;z-index:2}.collection-split-image__pane--left .collection-split-image__img--secondary{opacity:0;z-index:1}.collection-split-image__pane--right .collection-split-image__img--secondary{opacity:1;z-index:2}.collection-split-image__hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffffb3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) ease,visibility var(--transition-duration) ease;z-index:10}.collection-split-image__pane--left:hover .collection-split-image__hover-overlay,.collection-split-image__link:hover .collection-split-image__hover-overlay{opacity:1;visibility:visible}.collection-split-image__hover-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.collection-split-image__hover-title{font-size:1.25rem;font-weight:400;color:var(--split-accent);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.collection-split-image__hover-price{font-size:1rem;color:var(--split-accent)}.collection-split-image__hover-price .price{font-size:1rem;color:var(--split-accent);font-weight:400}.collection-split-image__hover-price .price-item{color:var(--split-accent)}.collection-split-image__blank{display:none}.collection-split-image__title{font-size:1.5rem;font-weight:400;color:var(--split-accent);text-align:center;margin:0 0 1rem}.collection-split-image__cta{display:inline-block;padding:.75rem 1.5rem;background:var(--split-accent);color:#fff;text-decoration:none;border-radius:0;transition:opacity var(--transition-duration) ease}.collection-split-image__cta:hover{opacity:.8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (max-width:767px){.collection-split-image__wrapper{flex-direction:column}.collection-split-image__pane{flex:1 1 100%;width:100%}.collection-split-image__pane--left{order:1}.collection-split-image__pane--right{display:none}}@media(prefers-reduced-motion:reduce){.collection-split-image__img,.collection-split-image__blank,.collection-split-image__wrapper{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-split-image.css.map */