.cjew-process{--cjew-process-padding: var(--ds-gutter);--cjew-process-card-gap: 24px;--ctrio-columns: 3;--ctrio-gap: var(--ds-grid-gap);--ctrio-card-width: calc( (100vw - (2 * var(--ds-gutter)) - ((var(--ctrio-columns) - 1) * var(--ctrio-gap))) / var(--ctrio-columns) );--cjew-process-card-height: calc(var(--ctrio-card-width) * 6 / 5);--cjew-process-card-width: 90vw;width:100%;max-width:100%}.cjew-process__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-lg)}.cjew-process__heading{flex:1 1 auto;min-width:0;margin-bottom:0}.cjew-process__nav{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.cjew-process__nav-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.cjew-process__nav-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.cjew-process__nav-icon .icon{width:10px;height:10px}.cjew-process__nav-icon--prev .icon{transform:rotate(90deg)}.cjew-process__nav-icon--next .icon{transform:rotate(-90deg)}.cjew-process__viewport{overflow:hidden}.cjew-process__track{display:flex;flex-wrap:nowrap;gap:var(--cjew-process-card-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--cjew-process-padding);padding-left:var(--cjew-process-padding);padding-right:var(--cjew-process-card-gap);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.cjew-process__track::-webkit-scrollbar{display:none}.cjew-process__card{flex:0 0 var(--cjew-process-card-width);width:var(--cjew-process-card-width);height:var(--cjew-process-card-height);scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;padding:0;border:none;border-radius:var(--ds-radius-card);background:#111;display:flex;flex-direction:column;justify-content:flex-end}.cjew-process__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden}.cjew-process__video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.cjew-process__video.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.cjew-process__video{transition:none}}.cjew-process__card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:68%;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom,#0000,#00000052 48%,#000000b8)}.cjew-process__footer{position:relative;z-index:2;margin-top:auto;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-lg);padding:32px}.cjew-process__footer-copy{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1 1 auto}.cjew-process__title{margin:0;font-family:var(--font-body-family);font-size:clamp(28px,2.8vw,40px);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-snug);line-height:1.2;color:var(--ds-on-dark)}.cjew-process__text{margin:0;max-width:630px;font-family:var(--font-body-family);font-size:16px;font-weight:var(--ds-weight-regular);line-height:24px;letter-spacing:var(--ds-tracking-normal);color:var(--ds-on-dark)}.cjew-process__cta.ds-btn--glass-white{flex:0 0 auto;align-self:flex-end;height:48px;min-height:48px;padding:12px 40px;font-size:16px;font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-glass);text-decoration:none;text-transform:uppercase;white-space:nowrap}.cjew-process__track:after{content:"";flex:0 0 var(--cjew-process-padding)}.shopify-section:has(.cjew-process){margin:0;padding:0;max-width:100%;overflow:visible}@media screen and (max-width:749px){.cjew-process{--ctrio-columns: 1}.cjew-process__header{flex-wrap:wrap}.cjew-process__nav{margin-left:auto}.cjew-process__footer{flex-direction:column;align-items:flex-start;padding:24px}.cjew-process__cta.ds-btn--glass-white{align-self:flex-start;padding:12px 32px;font-size:14px}.cjew-process__text{max-width:none}#MainContent:has(.custom-jewelry-process-section):has(.custom-jewelry-pricing-section){display:flex;flex-direction:column}#MainContent:has(.custom-jewelry-process-section):has(.custom-jewelry-pricing-section) .custom-jewelry-process-section{order:4}#MainContent:has(.custom-jewelry-process-section):has(.custom-jewelry-pricing-section) .custom-jewelry-pricing-section{order:5}.shopify-section:has(.cjew-pricing):has(.cjew-process){display:flex;flex-direction:column}.shopify-section:has(.cjew-pricing):has(.cjew-process) .cjew-process{order:4}.shopify-section:has(.cjew-pricing):has(.cjew-process) .cjew-pricing{order:5}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-custom-jewelry-process.css.map */