.naya-shoppable{background-color:#fff;padding:1.5rem 0}@media screen and (min-width:750px){.naya-shoppable{padding:2rem 0}}.naya-shoppable__header{text-align:center;max-width:56rem;margin:0 auto 3.2rem}.naya-shoppable__heading{margin:0 0 1rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:2rem;line-height:1.2;text-transform:uppercase;color:#111}@media screen and (min-width:750px){.naya-shoppable__heading{font-size:2.4rem}}@media screen and (max-width:749px){.naya-shoppable__heading{font-size:2.4rem;font-weight:400;letter-spacing:.02em}}.naya-shoppable__subheading{margin:0;font-family:var(--font-body-family);font-size:1.4rem;color:#111111b3}.naya-shoppable__app-block{margin-top:0}.naya-shoppable__app-block+.naya-shoppable__app-block{margin-top:2rem}.naya-shoppable__track{display:flex;gap:1rem;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.naya-shoppable__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.naya-shoppable__track{padding:0 5rem;gap:1.4rem}}.naya-shoppable__card{position:relative;flex:0 0 42vw;scroll-snap-align:start;display:block;padding:0;margin:0;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer;color:inherit}@media screen and (min-width:550px){.naya-shoppable__card{flex-basis:30vw}}@media screen and (min-width:750px){.naya-shoppable__card{flex-basis:15rem}}@media screen and (min-width:1200px){.naya-shoppable__card{flex-basis:17rem}}.naya-shoppable__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:.6rem;background-color:#f4f4f4}.naya-shoppable__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.naya-shoppable__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.naya-shoppable__placeholder-svg{width:100%;height:100%}.naya-shoppable__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffffd9;pointer-events:none}.naya-shoppable__play .icon{width:1.2rem;height:1.2rem;fill:#111}.naya-shoppable__chip{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:.4rem;background-color:#ffffffd1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.naya-shoppable__chip-image{width:2.6rem;height:2.6rem;object-fit:cover;border-radius:.3rem;flex-shrink:0}.naya-shoppable__chip-info{min-width:0;display:flex;flex-direction:column;gap:.1rem}.naya-shoppable__chip-title{font-family:var(--font-body-family);font-size:1rem;font-weight:500;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.naya-shoppable__chip-price{font-family:var(--font-body-family);font-size:1rem;color:#111111b3}.naya-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end}.naya-video-modal[hidden]{display:none}.naya-video-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000059;opacity:0;transition:opacity .25s ease}.naya-video-modal.is-open .naya-video-modal__overlay{opacity:1}.naya-video-modal__panel{position:relative;width:100%;max-width:44rem;height:100%;background-color:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.naya-video-modal.is-open .naya-video-modal__panel{transform:translate(0)}@media screen and (max-width:749px){.naya-video-modal__panel{max-width:100%}}.naya-video-modal__toolbar{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.6rem}.naya-video-modal__mute{border:.1rem solid rgba(255,255,255,.7);background-color:#00000059;color:#fff;padding:.5rem 1.1rem;font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:2rem}.naya-video-modal__close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:0;background-color:#00000059;border-radius:50%;color:#fff;cursor:pointer}.naya-video-modal__close .icon{width:1.4rem;height:1.4rem;fill:#fff}.naya-video-modal__body{flex:1;display:flex;flex-direction:column}.naya-video-modal__media{position:relative;width:100%;aspect-ratio:9 / 16;background-color:#111;overflow:hidden}.naya-video-modal__video,.naya-video-modal__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.naya-video-modal__caption{margin:1.4rem 1.6rem 0;font-family:var(--font-body-family);font-size:1.3rem;color:#111}.naya-video-modal__product{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.6rem;margin-top:auto}.naya-video-modal__product-image{width:5rem;height:5rem;object-fit:cover;border-radius:.4rem;flex-shrink:0}.naya-video-modal__product-info{flex:1 1 auto;min-width:10rem}.naya-video-modal__product-title{margin:0 0 .2rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:500;color:#111}.naya-video-modal__product-price{margin:0;font-family:var(--font-body-family);font-size:1.3rem;color:#111111b3}.naya-video-modal__form{flex:1 1 100%}.naya-video-modal__cta{display:block;width:100%;padding:1.2rem 1.6rem;border:.1rem solid #111111;border-radius:0;background-color:#111;color:#fff;font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:opacity .2s ease}.naya-video-modal__cta:hover{opacity:.85}.naya-video-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:0;border-radius:50%;background-color:#ffffffb3;opacity:.7;cursor:pointer;transition:opacity .2s ease}.naya-video-modal__nav:hover{opacity:1}.naya-video-modal__nav .icon{width:1.1rem;height:1.1rem}.naya-video-modal__nav--prev{left:1.2rem}.naya-video-modal__nav--prev .svg-wrapper{transform:rotate(90deg);display:flex}.naya-video-modal__nav--next{right:1.2rem}.naya-video-modal__nav--next .svg-wrapper{transform:rotate(-90deg);display:flex}
/*# sourceMappingURL=/cdn/shop/t/5/assets/naya-shoppable-videos.css.map */