@property --vmx-mask{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.vmx-collection-page{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.vmx-collection-page--category{padding-top:60px}.vmx-collection-page>*{width:100%}.vmx-collection-head{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-20);overflow:hidden}.vmx-collection-head__wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-start;flex:1 0 0px;min-width:0;white-space:pre-wrap;word-break:break-word}.vmx-collection-head__title{color:var(--white)}.vmx-collection-hero{position:sticky;top:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:85vh;padding:0 var(--space-20) var(--space-20);overflow:hidden}.vmx-collection-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%);mask-image:linear-gradient(0deg,#0000,#000 25%)}.vmx-collection-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%}.vmx-collection-hero__header{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;width:100%;overflow:hidden}.vmx-collection-hero__wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-start;flex:1 0 0px;min-width:0;max-width:800px;transform:perspective(1200px)}.vmx-collection-hero__title{color:var(--white);text-wrap:balance;white-space:pre-wrap;word-break:break-word}.vmx-collection-strip{position:sticky;top:59px;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:var(--space-20);background:var(--black)}.vmx-collection-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:var(--hairline) solid var(--gray-50);border-bottom:var(--hairline) solid var(--gray-50);pointer-events:none}.vmx-collection-strip__row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;width:100%}.vmx-collection-body{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px;padding-top:5px;overflow:hidden;background:var(--black)}.vmx-collection-body--category{flex-direction:row;gap:32px;background:none}.vmx-collection-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(50px,1fr));grid-auto-rows:minmax(0,1fr);justify-content:center;gap:5px;flex:1 0 0px;width:100%;min-width:0;overflow:hidden}.vmx-collection-grid>*{align-self:start}.vmx-collection-grid--collection{flex:none;gap:6px;overflow:auto hidden;scrollbar-width:none;background:var(--black)}.vmx-collection-grid--collection::-webkit-scrollbar{display:none}.vmx-collection-info{position:relative;display:flex;justify-content:center;align-items:center;gap:50px;width:100%;padding-bottom:50px;overflow:hidden;background:var(--black)}.vmx-collection-info__left,.vmx-collection-info__right{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;flex:1 0 0px;min-width:0;overflow:hidden}.vmx-collection-info__header,.vmx-collection-info__desc{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:32px;width:100%;padding:0 var(--space-20) 0 0;overflow:hidden}.vmx-collection-info__desc--left{padding:0 0 0 var(--space-20)}.vmx-collection-info__desc--lead{gap:var(--space-20)}.vmx-collection-info__wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-start;flex:1 0 0px;min-width:0;max-width:1200px;white-space:pre-wrap;word-break:break-word}.vmx-collection-info__title{color:var(--white)}.vmx-collection-info__desc p{flex:1 0 0px;min-width:0;max-width:500px;white-space:pre-wrap;word-break:break-word;color:var(--white)}.vmx-collection-info__desc--lead p{color:var(--gray-50)}.js [data-vmx-fade-in]:not(.is-revealed){opacity:.001}.vmx-scroll-reveal{position:relative;display:flex;justify-content:center;align-items:center;gap:32px;width:100%;overflow:hidden}.vmx-scroll-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--hairline) solid var(--gray-50);pointer-events:none}.vmx-scroll-reveal__mask{position:relative;flex:1 0 0px;min-width:0;overflow:hidden;--vmx-motion: --vmx-mask tween .68 0 .22 .83 .6 delay .1}.vmx-scroll-reveal--left .vmx-scroll-reveal__mask{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) var(--vmx-mask),rgba(0,0,0,0) var(--vmx-mask));mask-image:linear-gradient(90deg,rgba(0,0,0,1) var(--vmx-mask),rgba(0,0,0,0) var(--vmx-mask))}.vmx-scroll-reveal--right .vmx-scroll-reveal__mask{--vmx-mask: 0%;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) var(--vmx-mask),rgba(0,0,0,1) var(--vmx-mask));mask-image:linear-gradient(90deg,rgba(0,0,0,0) var(--vmx-mask),rgba(0,0,0,1) var(--vmx-mask))}.js .vmx-scroll-reveal--left:not(.is-revealed) .vmx-scroll-reveal__mask{--vmx-mask: 0%}.js .vmx-scroll-reveal--right:not(.is-revealed) .vmx-scroll-reveal__mask{--vmx-mask: 100%}.vmx-scroll-reveal__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%}.vmx-cart-page__body{position:relative;width:100%;min-height:40vh;padding:0 var(--space-20) 40px;color:var(--white)}@media(max-width:991.98px){.vmx-collection-strip__row{overflow:auto;scrollbar-width:none}.vmx-collection-strip__row::-webkit-scrollbar{display:none}.vmx-collection-grid{grid-template-columns:repeat(2,minmax(50px,1fr))}.vmx-collection-info__desc--left{padding:0 var(--space-20)}}@media(max-width:767.98px){.vmx-collection-head{flex-direction:column}.vmx-collection-head__wrap{flex:none;width:100%}.vmx-collection-hero{height:50vh}.vmx-collection-strip{padding:var(--space-20) var(--space-10)}.vmx-collection-grid{grid-template-columns:repeat(1,minmax(50px,1fr))}.vmx-collection-grid--shop{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.vmx-collection-grid--shop>*{width:100%}.vmx-collection-info{flex-direction:column}.vmx-collection-info__left,.vmx-collection-info__right{flex:none;width:100%}.vmx-collection-info__left{order:1}.vmx-collection-info__header,.vmx-collection-info__desc,.vmx-collection-info__desc--left{padding:0 var(--space-20)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vmx-collection.css.map */