.collection-banner-v2{padding-top:var(--spacing-top);padding-bottom:var(--spacing-bottom);position:relative;letter-spacing:0em!important}.collection-banner-desktop{display:grid;grid-template-columns:repeat(var(--rows),minmax(0,1fr));gap:6px;width:100vw;height:fit-content}.collection-banner-desktop .banner-card-desktop{grid-column:span var(--col-span) / span var(--col-span);width:100%;color:var(--text-color);position:relative;overflow:hidden}.collection-banner-desktop .banner-card-desktop .banner-card{width:100%;height:100%;object-fit:cover;object-position:center center;transition:all .3s ease-out}.collection-banner-desktop .banner-card-desktop .banner-content{display:flex;flex-direction:column;gap:10px;align-items:flex-start;position:absolute;width:calc(100% - 72px);left:36px;bottom:24px;z-index:3}.collection-banner-desktop .banner-card-desktop .banner-content .banner-tag{font-family:Montserrat;font-size:16px;-webkit-text-stroke:1px var(--color);line-height:100%;font-weight:300;padding:8px 16px;width:fit-content;border-radius:8px;color:var(--color);background-color:var(--bg-color)}.collection-banner-desktop .banner-card-desktop .banner-content .banner-title-block{width:100%;display:flex;align-items:center;justify-content:space-between}.collection-banner-desktop .banner-card-desktop .banner-content .banner-title-block .banner-title{font-size:72px;line-height:100%;font-weight:700;margin:0!important;letter-spacing:0em!important}.collection-banner-desktop .banner-card-desktop .banner-content .banner-title-block .banner-arrow{transition:all .3s ease-out;flex-shrink:0}.collection-banner-desktop .banner-overlay{width:100%;height:40%;background:linear-gradient(180deg,#0000 39.52%,#0006);background-blend-mode:hard-light;position:absolute;bottom:0;left:0;right:0;z-index:2}.collection-banner-desktop .banner-card-desktop:hover{opacity:1!important;color:var(--text-color)!important}.collection-banner-desktop .banner-card-desktop:hover .banner-arrow{transform:translate(8px)}.collection-banner-mobile{display:none}body.is-ios-safari .collection-banner-mobile .banner-card-mobile .banner-content .banner-title-block .banner-title,body.is-ios-safari .collection-banner-desktop .banner-card-desktop .banner-content .banner-title-block .banner-title{letter-spacing:-.02em!important}@media only screen and (max-width:768px){.collection-banner-v2{padding-top:var(--spacing-top-mobile);padding-bottom:var(--spacing-bottom-mobile);letter-spacing:0em!important}.collection-banner-mobile{display:grid;grid-template-columns:repeat(var(--rows-sm),minmax(0,1fr));gap:3px;width:100vw;height:fit-content}.collection-banner-mobile .banner-card-mobile{grid-column:span var(--col-span) / span var(--col-span);width:100%;color:var(--text-color);position:relative;overflow:hidden}.collection-banner-mobile .banner-card-mobile .banner-card{width:100%;height:100%;object-fit:cover;object-position:center center;transition:all .3s ease-out}.collection-banner-mobile .banner-card-mobile .banner-content{display:flex;flex-direction:column;gap:10px;align-items:flex-start;position:absolute;z-index:3;width:calc(100% - 32px);left:16px;bottom:16px}.collection-banner-mobile .banner-card-mobile .banner-content .banner-tag{font-family:Montserrat;font-size:12px;-webkit-text-stroke:1px var(--color);line-height:100%;font-weight:300;padding:6px 12px;width:fit-content;border-radius:8px;color:var(--color);background-color:var(--bg-color)}.collection-banner-mobile .banner-card-mobile .banner-content .banner-title-block{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px}.collection-banner-mobile .banner-card-mobile .banner-content .banner-title-block .banner-title{font-size:28px;line-height:100%;font-weight:700;margin:0!important;letter-spacing:0em!important}.collection-banner-mobile .banner-card-mobile .banner-content .banner-title-block .banner-arrow{transition:all .3s ease-out;flex-shrink:0}.collection-banner-mobile .banner-overlay{width:100%;height:40%;background:linear-gradient(180deg,#0000 39.52%,#0006);background-blend-mode:hard-light;position:absolute;bottom:0;left:0;right:0;z-index:2}.collection-banner-mobile .banner-card-mobile:hover{opacity:1!important;color:var(--text-color)!important}.collection-banner-mobile .banner-card-mobile:hover .banner-arrow{transform:translate(4px)}.collection-banner-desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/collection-banner-v2.css.map */