ins-ugc-grid,.ins-ugc-grid{display:block;padding:var(--section-padding, 64px 0);background:var(--background-color, #fbf7ee)}.ins-ugc-grid .container-full{display:flex;flex-direction:column;gap:var(--heading-content-gap, 64px)}.ins-ugc-grid .heading-wrapper .heading-block{display:flex;flex-direction:column;padding-top:0;padding-bottom:0}.ins-ugc-grid .heading-block__title-wrapper{order:1}.ins-ugc-grid .heading-block__subheading{order:2;font-weight:400}.ins-ugc-grid .heading-block__content{order:3}.ins-ugc-grid .heading-block__title,.ins-ugc-grid .heading-block__title>div{font-weight:500}.ins-ugc-grid .heading-block__subheading,.ins-ugc-grid .heading-block__content{max-width:1000px;margin-left:auto;margin-right:auto}@media(max-width:1279px){.ins-ugc-grid .heading-block__title,.ins-ugc-grid .heading-block__title>div{letter-spacing:.064em}}@media(max-width:767px){.ins-ugc-grid .heading-block__subheading,.ins-ugc-grid .heading-block__content{max-width:none}}.ins-ugc-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:20px;max-width:1280px;margin:0 auto;padding:0 20px}.ins-ugc-grid__card{position:relative;display:flex;flex-direction:row;align-items:center;gap:0;background:var(--card-bg, rgba(255, 255, 255, .8));border:none;border-radius:var(--card-radius, 8px);padding:0 24px 0 214px;cursor:pointer;text-align:left;width:100%;min-width:400px;max-width:400px;min-height:299px;height:299px;box-sizing:border-box;transition:opacity .2s}.ins-ugc-grid__card:hover{opacity:.85}.ins-ugc-grid__card:focus-visible,.ins-ugc-grid__carousel-card:focus-visible{outline:2px solid #0f4b14;outline-offset:3px}.ins-ugc-grid__dialog-close:focus-visible{outline:2px solid #0f4b14;outline-offset:3px}.ins-ugc-grid__dialog.is-pointer-open .ins-ugc-grid__dialog-close:focus-visible,ins-ugc-grid:has(.ins-ugc-grid__dialog[open]) .ins-ugc-grid__card:focus-visible,ins-ugc-grid:has(.ins-ugc-grid__dialog[open]) .ins-ugc-grid__carousel-card:focus-visible{outline:none}.ins-ugc-grid__thumb{position:absolute;left:10px;top:50%;transform:translateY(-50%);flex-shrink:0;width:184px;height:275px;border-radius:8px;overflow:hidden;background:#e8e8e8;box-shadow:0 4px 4px #83817c33}.ins-ugc-grid__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ins-ugc-grid__thumb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.ins-ugc-grid__thumb-lqip,.ins-ugc-grid__thumb-main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ins-ugc-grid__thumb-lqip{z-index:1;filter:blur(20px);transform:scale(1.08);-webkit-user-select:none;user-select:none;pointer-events:none}.ins-ugc-grid__thumb-main{z-index:2;transition:opacity .5s ease}.js .ins-ugc-grid__thumb:has(.ins-ugc-grid__thumb-lqip) .ins-ugc-grid__thumb-main{opacity:0}.js .ins-ugc-grid__thumb.is-poster-loaded .ins-ugc-grid__thumb-main{opacity:1}@media(max-width:767px){.ins-ugc-grid__thumb-lqip{filter:blur(14px)}}.ins-ugc-grid__thumb-placeholder{width:100%;height:100%;background:#ddd}.ins-ugc-grid__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.ins-ugc-grid__play svg{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.ins-ugc-grid__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding-top:0}.ins-ugc-grid__card-title{font-size:var(--card-title-font-size, 24px);font-weight:700;line-height:var(--card-title-line-height, 1.5);color:var(--card-title-color, #483a1f);margin:0;word-break:break-word}.ins-ugc-grid__card-desc{font-size:var(--card-desc-font-size, 18px);font-weight:400;line-height:var(--card-desc-line-height, 1.5);color:var(--card-desc-color, #483a1f);margin:0;word-break:break-word}.ins-ugc-grid__carousel{display:none}.ins-ugc-grid__dialog{border:none;padding:0;background:transparent;margin:auto;width:800px;height:auto;max-height:92vh;max-width:min(800px,92vw);min-width:0;border-radius:16px;box-shadow:0 24px 64px #00000040;overflow:hidden}.ins-ugc-grid__dialog::backdrop{background:#000000a6}.ins-ugc-grid__dialog-inner{position:relative;background:#fbf7ee;border-radius:16px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:24px;max-height:92vh;overflow:hidden;height:auto;box-sizing:border-box;scrollbar-width:none}.ins-ugc-grid__dialog-inner::-webkit-scrollbar{display:none;width:0;height:0}.ins-ugc-grid__dialog-close{position:absolute;z-index:5;top:20px;right:20px;background:none;border:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;color:#1a1a1a;border-radius:50%;transition:background .15s}.ins-ugc-grid__dialog-close:focus:not(:focus-visible){outline:none}.ins-ugc-grid__dialog-close:hover{background:#0000000f}.ins-ugc-grid__dialog-close svg{width:20px;height:20px}.ins-ugc-grid__dialog-title{font-size:var(--card-title-font-size, 24px);font-weight:700;line-height:var(--card-title-line-height, 1.4);color:var(--card-title-color, #483a1f);margin:0;text-align:center;width:100%}.ins-ugc-grid__dialog-desc{font-size:var(--card-desc-font-size, 18px);font-weight:400;line-height:var(--card-desc-line-height, 1.5);color:var(--card-desc-color, #483a1f);margin:0;text-align:center;width:100%}.ins-ugc-grid__dialog-media{--ugc-media-max-h: calc(92vh - 200px) ;position:relative;width:min(401px,100%,calc(var(--ugc-media-max-h) * 9 / 16));height:auto;aspect-ratio:9 / 16;max-width:min(401px,100%);max-height:var(--ugc-media-max-h);border-radius:12px;overflow:hidden;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);background:#111;flex-shrink:1;align-self:center;overscroll-behavior:none;touch-action:manipulation}.ins-ugc-grid__dialog-media.is-instagram{touch-action:none}.ins-ugc-grid__dialog-media.is-instagram .ins-ugc-grid__dialog-iframe{position:absolute;left:0;top:-64px;width:100%;height:calc(100% + 304px);pointer-events:auto}.ins-ugc-grid__dialog-media.is-instagram.is-scrollable{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent}.ins-ugc-grid__dialog-media.is-instagram.is-scrollable::-webkit-scrollbar{width:8px;height:8px}.ins-ugc-grid__dialog-media.is-instagram.is-scrollable::-webkit-scrollbar-track{background:transparent}.ins-ugc-grid__dialog-media.is-instagram.is-scrollable::-webkit-scrollbar-thumb{background:#00000047;border-radius:99px}.ins-ugc-grid__dialog-media.is-instagram.is-scrollable .ins-ugc-grid__dialog-iframe{top:0;height:max(720px,calc(100% + 304px));min-height:720px}.ins-ugc-grid__dialog-poster-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer;transition:opacity .45s ease}.ins-ugc-grid__dialog-poster-lqip,.ins-ugc-grid__dialog-poster-hd{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ins-ugc-grid__dialog-poster-lqip{z-index:1;filter:blur(20px);transform:scale(1.08);pointer-events:none}.ins-ugc-grid__dialog-poster-hd{z-index:2;opacity:0;transition:opacity .5s ease;pointer-events:none}.ins-ugc-grid__dialog-poster-wrap.is-hd-loaded .ins-ugc-grid__dialog-poster-hd{opacity:1}.ins-ugc-grid__dialog-media.is-embed-ready .ins-ugc-grid__dialog-poster-wrap{opacity:0;pointer-events:none}.ins-ugc-grid__dialog-poster-wrap.is-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#00000047;pointer-events:none}.ins-ugc-grid__dialog-loader{position:absolute;z-index:4;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;box-sizing:border-box;border:2px solid rgba(255,255,255,.24);border-top-color:#fff;border-radius:50%;pointer-events:none;animation:ins-ugc-grid-spin .8s linear infinite}@keyframes ins-ugc-grid-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ins-ugc-grid__dialog-loader{animation:none}.ins-ugc-grid__card,.ins-ugc-grid__carousel-card,.ins-ugc-grid__thumb-main,.ins-ugc-grid__dialog-poster-wrap,.ins-ugc-grid__dialog-poster-hd,.ins-ugc-grid__dialog-close{transition:none}.ins-ugc-grid__carousel-track.image-link-blocks{scroll-behavior:auto}}.ins-ugc-grid__dialog-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.ins-ugc-grid__dialog-video::-webkit-media-controls-start-playback-button,.ins-ugc-grid__dialog-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}.ins-ugc-grid__dialog-iframe{width:100%;height:100%;border:none;display:block;border-radius:inherit}.ins-ugc-grid__dialog-cover{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:768px)and (max-width:1279px){.ins-ugc-grid__grid{max-width:768px;padding:0;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:24px}.ins-ugc-grid__card{padding:0 16px 0 140px;gap:0;min-width:0;min-height:200px;height:200px;max-width:332px;box-sizing:border-box}.ins-ugc-grid__thumb{left:9.5px;width:120px;height:179px;border-radius:8px}.ins-ugc-grid__card-title{font-weight:500}.ins-ugc-grid__play svg{width:44px;height:44px}.ins-ugc-grid__dialog{width:687px;height:auto;max-width:min(687px,92vw);min-width:0}.ins-ugc-grid__dialog-inner{padding:40px 100px;gap:22px}.ins-ugc-grid__dialog-title{font-weight:500}.ins-ugc-grid__dialog-media{width:min(334px,100%,calc(var(--ugc-media-max-h) * 9 / 16));height:auto;max-width:min(334px,100%)}}@media(max-width:767px){.ins-ugc-grid .heading-wrapper{padding:0 16px}.ins-ugc-grid__grid{display:none}.ins-ugc-grid__carousel{--image-link-blocks-item-width: var(--slide-width);--image-link-blocks-grid: auto / auto-flow var(--slide-width);--spacing-2: 0;--grid-gutter: 0;display:grid;overflow:hidden;padding-left:var(--track-padding-left)}.ins-ugc-grid__carousel-track.image-link-blocks{display:grid;grid:var(--image-link-blocks-grid);gap:var(--slide-gap);width:100%;min-width:0;scroll-snap-type:x mandatory;scroll-padding-left:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;padding:0 var(--track-padding-right) 0 0}.ins-ugc-grid__carousel-track::-webkit-scrollbar{display:none}.ins-ugc-grid__carousel-item{scroll-snap-align:start;scroll-snap-stop:always;width:var(--slide-width)}.ins-ugc-grid__carousel-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:0;width:100%;background:var(--card-bg, rgba(255, 255, 255, .8));border:none;border-radius:var(--card-radius, 8px);padding:0 16px 0 140px;cursor:pointer;text-align:left;box-sizing:border-box;transition:opacity .2s}.ins-ugc-grid__carousel-card:hover{opacity:.85}.ins-ugc-grid__carousel-item .ins-ugc-grid__thumb{position:absolute;left:9.5px;top:50%;transform:translateY(-50%);border-radius:8px;flex-shrink:0;box-shadow:0 4px 4px #83817c33}.ins-ugc-grid__carousel-item .ins-ugc-grid__text{padding-top:0;gap:12px}.ins-ugc-grid__carousel-item .ins-ugc-grid__card-title{font-weight:500}.ins-ugc-grid__carousel .swiper-controls-2608{padding:0 16px}.ins-ugc-grid__dialog{width:343px;height:auto;max-width:min(343px,92vw);min-width:0;border-radius:16px}.ins-ugc-grid__dialog-inner{padding:40px 16px 16px;border-radius:16px;gap:24px}.ins-ugc-grid__dialog-title{font-weight:500;padding-right:0}.ins-ugc-grid__dialog-desc{font-size:16px}.ins-ugc-grid__dialog-media{--ugc-media-max-h: calc(92vh - 168px) ;width:min(310px,100%,calc(var(--ugc-media-max-h) * 9 / 16));height:auto;max-width:100%;aspect-ratio:9 / 16}}@media(min-width:375px)and (max-width:767px){.ins-ugc-grid__carousel{--slide-width: 330px;--slide-gap: 24px;--track-padding-left: 0px;--track-padding-right: 16px;gap:0}.ins-ugc-grid__carousel-card{height:200px}.ins-ugc-grid__carousel-item .ins-ugc-grid__thumb{width:120px;height:179px}.ins-ugc-grid__carousel-item .ins-ugc-grid__play svg{width:36px;height:36px}}@media(max-width:374px){.ins-ugc-grid .heading-wrapper{padding:0 calc(16 / 375 * 100vw)}.ins-ugc-grid__carousel{--slide-width: 88vw ;--slide-gap: 6.4vw ;--track-padding-left: 0;--track-padding-right: calc(16 / 375 * 100vw);gap:0}.ins-ugc-grid__carousel-card{height:calc(200 / 375 * 100vw)}.ins-ugc-grid__carousel-item .ins-ugc-grid__thumb{width:32vw;height:calc(179 / 375 * 100vw)}.ins-ugc-grid__carousel-item .ins-ugc-grid__play svg{width:calc(32 / 375 * 100vw);height:calc(32 / 375 * 100vw)}.ins-ugc-grid__dialog{width:calc(343 / 375 * 100vw);max-width:calc(343 / 375 * 100vw)}.ins-ugc-grid__dialog-inner{padding:calc(40 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);gap:6.4vw}.ins-ugc-grid__dialog-desc{font-size:calc(16 / 375 * 100vw)}.ins-ugc-grid__dialog-media{width:min(calc(310 / 375 * 100vw),calc(var(--ugc-media-max-h) * 9 / 16));height:auto}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/ins-ugc-grid-2608.css.map */