.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:10px;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;border-radius:20px}.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:8px;align-items:flex-start;position:absolute;width:calc(100% - 72px);left:36px;bottom:32px;z-index:3}.collection-banner-desktop .banner-card-desktop .banner-content .banner-tag{font-family:Michroma,Fjalla One,Arial,Tahoma,Verdana,sans-serif;font-size:24px;-webkit-text-stroke:1px var(--color);line-height:26px;font-weight:400;padding:6px 22px 12px;width:fit-content;border-radius:999px;color:var(--color);background-color:var(--bg-color)}.collection-banner-desktop .banner-card-desktop .banner-content .banner-title-block{--title-size: clamp(24px, 5.5vw - 15px, 72px);width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-banner-desktop .banner-card-desktop .banner-content .banner-title-block .banner-title{font-family:Michroma,Fjalla One,Arial,Tahoma,Verdana,sans-serif;font-synthesis:none;font-size:var(--title-size);-webkit-text-stroke:2px var(--text-color);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{width:calc(var(--title-size) * 3 / 4);height:auto;transition:all .3s ease-out;flex-shrink:0}.collection-banner-desktop .banner-card-desktop:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.collection-banner-desktop .banner-card-desktop:last-child{border-top-right-radius:0;border-bottom-right-radius: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}.collection-banner-v2 .banner-card-overlay,.collection-banner-v2 .banner-card-overlay-svg svg{position:absolute;z-index:var(--overlay-z);bottom:var(--overlay-bottom);left:var(--overlay-left);height:var(--overlay-height);width:auto;max-width:none;pointer-events:none}.collection-banner-v2 .banner-card-overlay-svg{display:contents}@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:6px;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;border-radius:16px}.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:4px;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:Michroma,Fjalla One,Arial,Tahoma,Verdana,sans-serif;font-size:13px;-webkit-text-stroke:1px var(--color);line-height:14px;font-weight:400;padding:5px 15px 8px;width:fit-content;border-radius:999px;color:var(--color);background-color:var(--bg-color)}.collection-banner-mobile .banner-card-mobile .banner-content .banner-title-block{--title-size: clamp(18px, 8vw - 6px, 28px);width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.collection-banner-mobile .banner-card-mobile .banner-content .banner-title-block .banner-title{font-family:Michroma,Fjalla One,Arial,Tahoma,Verdana,sans-serif;font-synthesis:none;font-size:var(--title-size);-webkit-text-stroke:1px var(--text-color);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{display:none;width:calc(var(--title-size) * 57 / 72);height:auto;transition:all .3s ease-out;flex-shrink:0}.collection-banner-mobile .banner-card-mobile:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.collection-banner-mobile .banner-card-mobile:last-child{border-top-right-radius:0;border-bottom-right-radius: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/123/assets/collection-banner-v2.css.map */