.community-videos{--nc-gap: 16px;--nc-gap-d: 24px;--nc-nav-mt: 24px;--nc-nav-mt-d: 40px;position:relative;overflow:visible}.community-videos__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.community-videos__bg img{width:100%;height:100%;object-fit:cover;display:block}.community-videos__deco{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:none;pointer-events:none;z-index:0;opacity:.85}.community-videos__deco img{width:100%;height:auto;display:block;object-fit:contain;object-position:top right}.community-videos__container{position:relative;z-index:2}.community-videos__heading .heading-wrapper{padding:0 0 32px}.community-videos__heading .heading-title{color:var(--cv-title-color, #000)}.community-videos__card{width:min(78vw,314px);flex:0 0 auto;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e0e0e0}.community-videos__media{position:relative;aspect-ratio:314 / 418;background:#e9edf1;overflow:hidden}.community-videos__media img,.community-videos__media video,.community-videos__media .community-videos__video,.community-videos__media .video-ui__video-wrapper{width:100%;height:100%;object-fit:cover;display:block}.community-videos__media video{position:relative;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.community-videos__tag{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 24px);padding:6px 10px;border-radius:999px;background:#1f29378c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:modelica,sans-serif;font-size:13px;letter-spacing:.4px;text-decoration:none;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.community-videos__tag:hover{background:#1f2937b8}.community-videos__product{display:flex;align-items:center;gap:10px;padding:12px;text-decoration:none;color:inherit;min-width:0;background:#fff;cursor:pointer}.community-videos__product--static{cursor:default}a.community-videos__product:hover .community-videos__product-btn img,a.community-videos__product:focus-visible .community-videos__product-btn img{transform:translate(3px)}.community-videos__product-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#f1f8f9}.community-videos__product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.community-videos__product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.community-videos__product-title{margin:0;font-family:modelica,sans-serif;font-weight:500;font-size:15px;line-height:1.2;letter-spacing:.4px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-videos__product-price{margin:0;font-family:modelica,sans-serif;font-size:13px;letter-spacing:.4px;color:#666}.community-videos__product-btn{width:40px;height:40px;border-radius:9px;background:#f1f8f9;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease}.community-videos__product-btn img{width:16px;height:16px;display:block;transition:transform .2s ease}a.community-videos__product:hover .community-videos__product-btn{background:#e8f3f5}@media screen and (min-width:1024px){.community-videos__deco{width:min(90%,1440px);top:-6%}.community-videos__heading .heading-wrapper{padding:0 0 40px}.community-videos__card{width:320px}.community-videos__tag{top:16px;left:16px;font-size:14px}.community-videos__product{padding:14px;gap:12px}.community-videos__product-thumb{width:56px;height:56px}.community-videos__product-title{font-size:16px}.community-videos__product-price{font-size:14px}.community-videos__product-btn{width:48px;height:48px}.community-videos__product-btn img{width:19px;height:19px}}.community-videos__track.is-autoplay--glide{scroll-snap-type:none}.community-videos--figma-2026 .community-videos__tag-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:990px){.community-videos--desk-2026 .community-videos__tag-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media screen and (max-width:749px){.community-videos--figma-2026 .community-videos__container{padding-top:48px;padding-bottom:48px}.community-videos--figma-2026 .community-videos__heading .heading-title{letter-spacing:0;line-height:1.2}.community-videos--figma-2026 .community-videos__heading .heading-wrapper{padding-bottom:28px}.community-videos--figma-2026 .community-videos__heading .tp-ratings{align-items:center;margin-bottom:4px}.community-videos--figma-2026 .community-videos__heading .tp-ratings div{max-width:none;max-height:none}.community-videos--figma-2026 .community-videos__heading .tp-ratings img{display:block;width:auto;height:22px;max-height:none}.community-videos--figma-2026 .community-videos__heading .tp-ratings a{color:#000;font-weight:600}.community-videos--figma-2026 .community-videos__heading .tp-ratings .tp-ratings__lead{color:#5f5d68;font-weight:500}.community-videos--figma-2026 .community-videos__card{width:min(300px,calc(100vw - 60px))}.community-videos--figma-2026 .community-videos__media{aspect-ratio:298 / 435}.community-videos--figma-2026 .community-videos__tag{top:2px;left:2px;max-width:calc(100% - 52px);padding:10px;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;font-size:13px;line-height:16px;letter-spacing:0;color:#ffffffe6}.community-videos--figma-2026 a.community-videos__tag:hover{background:none}.community-videos--figma-2026 .community-videos__tag-label{display:block;max-width:100%;padding:4px 6px;border-radius:4px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease}.community-videos--figma-2026 .video-ui__video-wrapper.autoplay .video-ui__button{top:12px;right:12px;width:24px;height:24px;padding:4px;border:0;border-radius:4px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.community-videos--figma-2026 .video-ui__video-wrapper.autoplay .video-ui__button:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.community-videos--figma-2026 .video-ui__button svg{width:16px;height:16px;min-width:16px}.community-videos--figma-2026 .community-videos__product{padding:12px 12px 11px}.community-videos--figma-2026 .community-videos__product-thumb{width:46px;height:46px;border-radius:4px}.community-videos--figma-2026 .community-videos__product-info{gap:5px}.community-videos--figma-2026 .community-videos__product-title,.community-videos--figma-2026 .community-videos__product-price{line-height:20px;letter-spacing:0}.community-videos--figma-2026 .community-videos__product-btn{width:42px;height:42px;border:0;border-radius:8px}.community-videos--figma-2026 .community-videos__nav{display:none!important}.community-videos--figma-2026 .community-videos__deco{left:0;right:0;width:auto;height:190px;transform:none;overflow:hidden;opacity:1}.community-videos--figma-2026 .community-videos__deco img{position:absolute;top:19px;right:0;width:720px;max-width:none;height:auto}.community-videos--figma-2026 .community-videos__deco:before{content:"";position:absolute;top:0;right:71px;width:1px;height:20px;background:#e5e5e5b3}}@media screen and (max-width:749px)and (hover:hover)and (pointer:fine){.community-videos--figma-2026 a.community-videos__tag:hover .community-videos__tag-label{background:#00000073}}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.community-videos.community-videos--desk-glide .community-videos__nav{display:none!important}}@media screen and (min-width:990px){.community-videos.community-videos--desk-2026{--nc-gap: 20px;--nc-gap-d: 20px;--nc-nav-mt: 40px}.community-videos--desk-2026 .community-videos__container{padding-top:var(--cv-d-space-top, 72px);padding-bottom:var(--cv-d-space-bottom, 90px)}.community-videos--desk-2026 .community-videos__heading .heading-wrapper{padding:0 0 40px}.community-videos--desk-2026 .community-videos__heading .heading-title{font-size:calc(var(--cv-d-title, 44px) - 4px);line-height:1.2;letter-spacing:-.03em}.community-videos--desk-2026 .community-videos__heading .tp-ratings{align-items:center;gap:4px 14px;margin-bottom:8px}.community-videos--desk-2026 .community-videos__heading .tp-ratings div{max-width:none;max-height:none}.community-videos--desk-2026 .community-videos__heading .tp-ratings img{display:block;width:auto;height:24px;max-height:none}.community-videos--desk-2026 .community-videos__heading .tp-ratings p{color:#000;font-weight:500}.community-videos--desk-2026 .community-videos__heading .tp-ratings a{color:#000;font-weight:600}.community-videos--desk-2026 .community-videos__heading .tp-ratings .tp-ratings__lead{color:#5f5d68;font-weight:500}.community-videos--desk-2026 .community-videos__card{width:347px}.community-videos--desk-2026 .community-videos__media{aspect-ratio:345 / 400}.community-videos--desk-2026 .community-videos__product{padding:14px;gap:12px}.community-videos--desk-2026 .community-videos__product-thumb{width:56px;height:56px}.community-videos--desk-2026 .community-videos__product-title{font-size:16px}.community-videos--desk-2026 .community-videos__product-price{font-size:14px}.community-videos--desk-2026 .community-videos__product-btn{width:48px;height:48px}.community-videos--desk-2026 .community-videos__product-btn img{width:19px;height:19px}.community-videos--desk-2026 .community-videos__tag{top:8px;left:8px;max-width:calc(100% - 60px);padding:8px;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;font-size:14px;line-height:18px;letter-spacing:0;color:#ffffffeb}.community-videos--desk-2026 a.community-videos__tag:hover{background:none}.community-videos--desk-2026 .community-videos__tag-label{display:block;max-width:100%;padding:4px 8px;border-radius:4px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease}.community-videos--desk-2026 .video-ui__video-wrapper.autoplay .video-ui__button{top:16px;right:16px;width:28px;height:28px;padding:5px;border:0;border-radius:4px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.community-videos--desk-2026 .video-ui__button svg{width:18px;height:18px;min-width:18px}.community-videos--desk-2026 .community-videos__deco{left:0;right:0;top:0;width:auto;height:256px;transform:none;overflow:hidden}.community-videos--desk-2026 .community-videos__deco img{position:absolute;top:-78px;right:0;width:1440px;max-width:none;height:auto}.community-videos--desk-2026 .community-videos__deco:before{content:"";position:absolute;top:171px;left:0;right:1440px;height:2px;background:#e5e5e5b3}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.community-videos--desk-2026 a.community-videos__tag:hover .community-videos__tag-label{background:#00000073}}@media screen and (min-width:1280px){.community-videos--desk-2026 .community-videos__container{padding-left:var(--cv-d-side, 56px);padding-right:var(--cv-d-side, 56px)}.community-videos--desk-2026 .native-carousel__viewport--edge{--nc-edge-pad: var(--cv-d-side, 56px)}.community-videos--desk-2026 .community-videos__heading .heading-title{font-size:var(--cv-d-title, 44px)}}@supports (width: 1cqw){@media screen and (min-width:1280px){.community-videos.community-videos--desk-2026{container-type:inline-size}.community-videos--desk-2026 .community-videos__viewport{width:100cqw;margin-left:calc((100% - 100cqw)/2);margin-right:calc((100% - 100cqw)/2)}.community-videos--desk-2026 .community-videos__viewport .community-videos__track{padding-inline:max(var(--cv-d-side, 56px),calc((100cqw - 1440px) / 2 + var(--cv-d-side, 56px)));scroll-padding-inline:max(var(--cv-d-side, 56px),calc((100cqw - 1440px) / 2 + var(--cv-d-side, 56px)))}}}@media screen and (min-width:750px)and (max-width:989px){.community-videos--desk-2026 .community-videos__card{width:clamp(314px,calc((100% - 2 * var(--nc-gap, 16px)) / 2.4),347px)}.community-videos--desk-2026 .community-videos__heading .tp-ratings{align-items:center;gap:4px 12px;margin-bottom:6px}.community-videos--desk-2026 .community-videos__heading .tp-ratings div{max-width:none;max-height:none}.community-videos--desk-2026 .community-videos__heading .tp-ratings img{display:block;width:auto;height:22px;max-height:none}.community-videos--desk-2026 .community-videos__heading .tp-ratings p{color:#000;font-weight:500}.community-videos--desk-2026 .community-videos__heading .tp-ratings a{color:#000;font-weight:600}.community-videos--desk-2026 .community-videos__heading .tp-ratings .tp-ratings__lead{color:#5f5d68;font-weight:500}.community-videos--desk-2026 .community-videos__tag{top:4px;left:4px;max-width:calc(100% - 56px);padding:8px;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;font-size:13px;line-height:16px;letter-spacing:0;color:#ffffffeb}.community-videos--desk-2026 a.community-videos__tag:hover{background:none}.community-videos--desk-2026 .community-videos__tag-label{display:block;min-width:0;max-width:100%;padding:4px 6px;border-radius:4px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-videos--desk-2026 .video-ui__video-wrapper.autoplay .video-ui__button{top:12px;right:12px;width:26px;height:26px;padding:4px;border:0;border-radius:4px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.community-videos--desk-2026 .video-ui__video-wrapper.autoplay .video-ui__button:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.community-videos--desk-2026 .video-ui__button svg{width:18px;height:18px;min-width:18px}}.community-videos__card--link{position:relative}.community-videos__card--link a.community-videos__product:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/35/assets/community-videos.css.map */