.ng-collage-showcase{display:block;position:relative;font-family:inherit;background-color:var(--ng-bg, #FAF8F5);color:var(--ng-text, #1A1A1A);padding-top:var(--ng-padding-top-mobile, 40px);padding-bottom:var(--ng-padding-bottom-mobile, 40px)}@media screen and (min-width:750px){.ng-collage-showcase{padding-top:var(--ng-padding-top-desktop, 0px);padding-bottom:var(--ng-padding-bottom-desktop, 0px)}}.ng-collage-showcase__pin-wrapper{position:relative;width:100%}@media screen and (min-width:750px){.ng-collage-showcase--sticky-enabled .ng-collage-showcase__pin-wrapper{position:sticky;top:var(--ng-sticky-offset, 0px);height:100svh;display:flex;align-items:center}}.ng-collage-showcase--sticky-enabled-mobile .ng-collage-showcase__pin-wrapper{position:sticky;top:0;height:100svh;display:flex;align-items:center}.ng-collage-showcase__layout{display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width:750px){.ng-collage-showcase__layout{flex-direction:row;align-items:center;gap:var(--ng-gap, 40px);height:100%}.ng-collage-showcase--sticky-enabled .ng-collage-showcase__layout{height:100svh;align-items:center}}.ng-collage-showcase__image-col{position:relative;width:100%;flex-shrink:0}@media screen and (min-width:750px){.ng-collage-showcase__image-col{width:50%;order:2;height:100%;display:flex;align-items:center;justify-content:center}.ng-collage-showcase--image-left .ng-collage-showcase__image-col{order:1}}.ng-collage-showcase__image-wrapper{position:relative;width:100%;height:var(--ng-image-height-mobile, 60svh);border-radius:var(--ng-image-radius, 12px);overflow:hidden}@media screen and (min-width:750px){.ng-collage-showcase__image-wrapper{height:var(--ng-image-height-desktop, 100svh)}.ng-collage-showcase--sticky-enabled .ng-collage-showcase__image-wrapper{height:100%}}.ng-collage-showcase__image{display:block;width:100%;height:100%;border-radius:var(--ng-image-radius, 12px);will-change:transform;transition:transform .05s linear}.ng-collage-showcase__image--placeholder{background:linear-gradient(135deg,#f0ebe6,#e8e4e0,#d8d2cc)}.ng-collage-showcase__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--ng-overlay-opacity, 0);border-radius:var(--ng-image-radius, 12px);pointer-events:none}.ng-collage-showcase__content-col{display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0}@media screen and (min-width:750px){.ng-collage-showcase__content-col{width:50%;order:1}.ng-collage-showcase--image-left .ng-collage-showcase__content-col{order:2}}.ng-collage-showcase__content{max-width:var(--ng-content-max-width, 560px);margin-bottom:3.2rem}@media screen and (min-width:750px){.ng-collage-showcase__content{margin-bottom:3.6rem}}.ng-collage-showcase__eyebrow{display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background-color:var(--ng-pill-bg, #1A1A1A);color:var(--ng-pill-text, #FFFFFF);padding:.55rem 1.8rem;border-radius:100px;margin-bottom:2rem;line-height:1.4}@media screen and (min-width:750px){.ng-collage-showcase__eyebrow{font-size:1.05rem;padding:.6rem 2rem;margin-bottom:2.4rem}}.ng-collage-showcase__heading{font-size:var(--ng-heading-size-mobile, 28px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.08;margin:0 0 1.6rem;color:var(--ng-text)}@media screen and (min-width:750px){.ng-collage-showcase__heading{font-size:var(--ng-heading-size-desktop, 48px);margin-bottom:1.8rem;letter-spacing:.03em;line-height:1.05}}.ng-collage-showcase__description{font-size:1.4rem;line-height:1.75;opacity:.6;margin-bottom:2.8rem;max-width:46rem;color:var(--ng-text);font-weight:400}@media screen and (min-width:750px){.ng-collage-showcase__description{font-size:1.5rem;margin-bottom:3rem;line-height:1.8}}.ng-collage-showcase__cta{margin-bottom:1.2rem}.ng-collage-showcase__button{display:inline-block;font-size:1.05rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:1.2rem 3.2rem;border-radius:100px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);line-height:1.3;border:1.5px solid transparent}@media screen and (min-width:750px){.ng-collage-showcase__button{font-size:1.1rem;padding:1.3rem 3.6rem}}.ng-collage-showcase__button--dark-pill{background-color:var(--ng-text, #1A1A1A);color:var(--ng-bg, #FAF8F5);border-color:var(--ng-text, #1A1A1A)}.ng-collage-showcase__button--dark-pill:hover,.ng-collage-showcase__button--dark-pill:focus-visible{opacity:.88;transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}.ng-collage-showcase__button--outline{background-color:transparent;color:var(--ng-text, #1A1A1A);border-color:var(--ng-text, #1A1A1A)}.ng-collage-showcase__button--outline:hover,.ng-collage-showcase__button--outline:focus-visible{background-color:var(--ng-text, #1A1A1A);color:var(--ng-bg, #FAF8F5)}.ng-collage-showcase__button--link{background-color:transparent;color:var(--ng-text, #1A1A1A);border-color:transparent;padding-left:0;padding-right:0;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:1px}.ng-collage-showcase__button--link:hover,.ng-collage-showcase__button--link:focus-visible{text-decoration-thickness:2px}.ng-collage-showcase__explore-link{display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ng-text);text-decoration:none;margin-bottom:2rem;transition:opacity .3s ease,gap .3s ease;opacity:.65}.ng-collage-showcase__explore-link:hover{opacity:1;gap:.9rem}.ng-collage-showcase--text-center .ng-collage-showcase__content,.ng-collage-showcase--text-center .ng-collage-showcase__cta,.ng-collage-showcase--text-center .ng-collage-showcase__explore-link{text-align:center;margin-left:auto;margin-right:auto}.ng-collage-showcase--text-center .ng-collage-showcase__eyebrow{display:block;text-align:center}.ng-collage-showcase__slider-area{position:relative;width:100%}.ng-collage-showcase__controls{display:flex;gap:.5rem;margin-bottom:1.4rem;z-index:5;position:relative}.ng-collage-showcase__arrow{width:3.4rem;height:3.4rem;border-radius:50%;border:1px solid rgba(0,0,0,.08);background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ng-text, #1A1A1A);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .35s cubic-bezier(.25,.46,.45,.94);padding:0;flex-shrink:0;box-shadow:0 1px 3px #00000008}.ng-collage-showcase__arrow:hover{background-color:var(--ng-text, #1A1A1A);color:#fff;border-color:var(--ng-text, #1A1A1A);box-shadow:0 4px 16px #0000001a;transform:scale(1.05)}.ng-collage-showcase__arrow:focus-visible{outline:2px solid var(--ng-text);outline-offset:2px}.ng-collage-showcase__arrow:disabled{opacity:.18;cursor:not-allowed;transform:none;box-shadow:none;background-color:#fff6}.ng-collage-showcase__slider-viewport{position:relative;overflow:hidden;width:100%;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:20px;margin-bottom:-20px}.ng-collage-showcase__slider-viewport::-webkit-scrollbar{display:none}.ng-collage-showcase__track{display:flex;gap:1.6rem;will-change:transform;transition:none;padding:4px 2px}.ng-collage-showcase__track--animating{transition:transform .5s cubic-bezier(.22,1,.36,1)}.ng-collage-showcase__card{flex:0 0 auto;width:var(--ng-card-width-mobile, 240px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1);opacity:var(--ng-inactive-opacity, .3);transform:scale(var(--ng-inactive-scale, .97));will-change:opacity,transform,filter;position:relative;transform-origin:center center}.ng-collage-showcase__card--active{opacity:var(--ng-active-opacity, 1)!important;transform:scale(var(--ng-active-scale, 1.02))!important;z-index:2}@media screen and (min-width:750px){.ng-collage-showcase__card{width:var(--ng-card-width-desktop, 300px)}}.ng-collage-showcase__card .card-wrapper{background-color:var(--ng-card-bg, #FFFFFF);border-radius:18px;border:1px solid var(--ng-card-border, #E8E4E0);overflow:visible;transition:box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s ease,transform .5s cubic-bezier(.22,1,.36,1);height:100%}.ng-collage-showcase__card--active .card-wrapper{border-color:#0000000d;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000005}.ng-collage-showcase__card .card{border:none;box-shadow:none;background:transparent;overflow:visible}.ng-collage-showcase__card .card__inner{border-radius:0;overflow:hidden}.ng-collage-showcase__card .card__media{border-radius:0}.ng-collage-showcase__card .card__content{padding:1.4rem 1.5rem 1rem}.ng-collage-showcase__card .card__heading{font-size:1.3rem;font-weight:500;margin:0 0 .4rem;letter-spacing:.01em;line-height:1.4}.ng-collage-showcase__card .card__heading a{text-decoration:none;transition:color .2s ease}.ng-collage-showcase__card .card__heading a:hover{color:var(--ng-text)}.ng-collage-showcase__card .card-information .price{font-size:1.15rem;font-weight:500;letter-spacing:.01em;margin-bottom:.2rem}.ng-collage-showcase__card img{-webkit-user-drag:none;pointer-events:none}.ng-collage-showcase__card .quick-add{padding:0;margin:.5rem 0 0}.ng-collage-showcase__card .quick-add .button{font-size:1rem;min-height:3.4rem;width:100%;background-color:transparent;color:var(--ng-text, #1A1A1A);border:1px solid var(--ng-card-border, #E8E4E0);border-radius:100px;box-shadow:none;transition:all .35s cubic-bezier(.22,1,.36,1);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.ng-collage-showcase__card .quick-add .button:hover,.ng-collage-showcase__card .quick-add .button:focus-visible{background-color:var(--ng-text, #1A1A1A);color:var(--ng-card-bg, #FFFFFF);border-color:var(--ng-text, #1A1A1A)}@media(hover:hover)and (pointer:fine){.ng-collage-showcase__card .quick-add{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.ng-collage-showcase__card:hover .quick-add,.ng-collage-showcase__card--active:hover .quick-add,.ng-collage-showcase__card--active .quick-add{opacity:1;transform:translateY(0);pointer-events:auto}}@media(hover:none){.ng-collage-showcase__card .quick-add{opacity:1;transform:none}.ng-collage-showcase__card .quick-add .button{min-height:3.6rem}}.ng-collage-showcase__card--active .card-wrapper:hover .quick-add .button{background-color:var(--ng-text, #1A1A1A);color:var(--ng-card-bg, #FFFFFF);border-color:var(--ng-text, #1A1A1A)}.ng-collage-showcase .button:after,.ng-collage-showcase .shopify-challenge__button:after,.ng-collage-showcase .customer button:after,.ng-collage-showcase .shopify-payment-button__button--unbranded:after{box-shadow:none!important}.ng-collage-showcase__dots{display:flex;gap:.45rem;margin-top:1.8rem;align-items:center;justify-content:flex-start}.ng-collage-showcase__dot{width:6px;height:6px;border-radius:50%;background:#0000001a;border:none;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1)}.ng-collage-showcase__dot--active{background:var(--ng-text, #1A1A1A);width:20px;border-radius:100px}.ng-collage-showcase__dot:focus-visible{outline:2px solid var(--ng-text);outline-offset:3px}.ng-collage-showcase__progress{width:100%;height:1.5px;background:#0000000f;border-radius:2px;margin-top:1.2rem;overflow:hidden}.ng-collage-showcase__progress-bar{height:100%;background:var(--ng-text, #1A1A1A);border-radius:2px;width:0%;transition:width .4s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.ng-collage-showcase__card{opacity:1!important;transform:none!important;transition:none!important}.ng-collage-showcase__track{transition:transform .3s ease!important}.ng-collage-showcase--sticky-enabled .ng-collage-showcase__pin-wrapper{position:relative!important;height:auto!important}.ng-collage-showcase__image-wrapper{position:relative!important;height:var(--ng-image-height-mobile, 60svh)!important}@media screen and (min-width:750px){.ng-collage-showcase__image-wrapper{height:var(--ng-image-height-desktop, 100svh)!important}}}@media screen and (max-width:749px){.ng-collage-showcase__layout{flex-direction:column}.ng-collage-showcase__image-col,.ng-collage-showcase__content-col{order:0!important}.ng-collage-showcase__content{padding-top:.6rem;margin-bottom:2.4rem}.ng-collage-showcase__track{gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.4rem}.ng-collage-showcase__track::-webkit-scrollbar{display:none}.ng-collage-showcase__card{scroll-snap-align:start;opacity:1!important;transform:none!important}.ng-collage-showcase__controls,.ng-collage-showcase__dots{display:none}.ng-collage-showcase__card .quick-add .button{min-height:3.8rem;font-size:1.05rem}}@media screen and (min-width:750px){.ng-collage-showcase__track{overflow:visible}}.ng-collage-showcase__image-wrapper--intro{transform:scale(.9);opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s ease}.ng-collage-showcase__image-wrapper--intro-visible{transform:scale(1);opacity:1}.shopify-section--loading .ng-collage-showcase__card{opacity:1;transform:none}.shopify-section{overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/9/assets/next-gen-collage-product-showcase.css.map */