.bf-product-ugc,.bf-product-ugc *{box-sizing:border-box}.bf-product-ugc-section{margin-top:0}.bf-product-ugc{width:100%;color:var(--bf-ugc-text, #24201e);background:var(--bf-ugc-background, #fbfaf7);font-family:"DM Sans","Gilroy",var(--font-body-family),sans-serif;-webkit-user-select:text;user-select:text}.bf-product-ugc__layout{display:grid;grid-template-columns:minmax(0,760fr) minmax(0,560fr);gap:64px;width:min(100% - 128px,1384px);margin-inline:auto;padding-bottom:96px}.bf-product-ugc__carousel{position:relative;z-index:2;display:block;min-width:0;grid-column:2}.bf-product-ugc__header{display:flex;align-items:center;gap:32px;width:100%;margin-bottom:24px}.bf-product-ugc__title{min-width:0;flex:1 1 auto;margin:0;color:var(--bf-ugc-text, #24201e);font-family:"BF DM Sans","DM Sans","Gilroy",var(--font-heading-family),sans-serif;font-size:20px;font-weight:900;line-height:1;overflow-wrap:anywhere}.bf-product-ugc__controls{display:flex;flex:0 0 auto;align-items:center;gap:16px}.bf-product-ugc__nav,.bf-product-ugc__toggle{-webkit-appearance:none;appearance:none;position:relative;display:grid;place-items:center;margin:0;border:0;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,opacity .16s ease,transform .12s ease}.bf-product-ugc__nav{width:40px;height:40px;padding:8px;border-radius:50%;color:var(--bf-ugc-text, #24201e);background:var(--bf-ugc-control-background, #f4f4f4)}.bf-product-ugc__nav:before,.bf-product-ugc__toggle:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;content:""}.bf-product-ugc__nav img{display:block;width:8px;height:13px;pointer-events:none;-webkit-user-select:none;user-select:none}.bf-product-ugc__nav:active:not(:disabled),.bf-product-ugc__toggle:active{transform:scale(.94)}.bf-product-ugc__nav:focus-visible,.bf-product-ugc__toggle:focus-visible,.bf-product-ugc__track:focus-visible{outline:2px solid var(--bf-ugc-accent, #fc4c02);outline-offset:3px}.bf-product-ugc__nav:disabled{opacity:.35;cursor:not-allowed;transform:none}.bf-product-ugc__track{position:relative;display:flex;width:100%;min-width:0;gap:8px;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bf-product-ugc__track::-webkit-scrollbar{display:none}.bf-product-ugc__card{position:relative;flex:0 0 160px;width:160px;height:284px;margin:0;overflow:hidden;scroll-snap-align:start;border-radius:0;color:#fff;background:var(--bf-ugc-card-background, #e8f6f6);isolation:isolate}.bf-product-ugc__media,.bf-product-ugc__poster,.bf-product-ugc__image,.bf-product-ugc__video,.bf-product-ugc__iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bf-product-ugc__media{z-index:0;overflow:hidden;pointer-events:none}.bf-product-ugc__poster,.bf-product-ugc__image,.bf-product-ugc__video,.bf-product-ugc__iframe{max-width:none;border:0;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.bf-product-ugc__poster{z-index:2;transition:opacity .16s ease}.bf-product-ugc__card.is-playing .bf-product-ugc__poster{opacity:0}.bf-product-ugc__empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:16px;color:#5d6666;background:linear-gradient(145deg,#f4fafa,#e8f6f6);font-size:12px;line-height:1.4;text-align:center}.bf-product-ugc__audio{-webkit-appearance:none;appearance:none;position:absolute;top:3px;right:3px;z-index:6;display:none;place-items:center;width:44px;height:44px;padding:0;border:0;color:#fff;background:transparent;cursor:pointer;touch-action:manipulation}.bf-product-ugc__card.is-playing .bf-product-ugc__audio{display:grid}.bf-product-ugc__audio-control{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background-color .16s ease,transform .12s ease}.bf-product-ugc__audio[aria-pressed=true] .bf-product-ugc__audio-control{background:var(--bf-ugc-accent, #fc4c02)}.bf-product-ugc__audio-icon{display:block;width:18px;height:18px;pointer-events:none;-webkit-user-select:none;user-select:none}.bf-product-ugc__sound-on,.bf-product-ugc__audio[aria-pressed=true] .bf-product-ugc__sound-off{display:none}.bf-product-ugc__audio[aria-pressed=true] .bf-product-ugc__sound-on{display:block}.bf-product-ugc__toggle{position:absolute;top:50%;left:50%;z-index:5;width:32px;height:32px;padding:8px;border-radius:50%;color:#fff;background:#00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%,-50%)}.bf-product-ugc__toggle:active{transform:translate(-50%,-50%) scale(.94)}.bf-product-ugc__audio:active .bf-product-ugc__audio-control{transform:scale(.92)}.bf-product-ugc__audio:focus-visible{outline:2px solid var(--bf-ugc-accent, #fc4c02);outline-offset:-2px}.bf-product-ugc__toggle-icon{display:block;width:8px;height:12px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.bf-product-ugc__card.is-playing .bf-product-ugc__toggle{display:none}.bf-product-ugc__caption{position:absolute;right:0;bottom:0;left:0;z-index:3;min-height:64px;margin:0;padding:28px 12px 12px;color:#fff;background:linear-gradient(to top,#000000db,#0000);font-family:"DM Sans","Gilroy",var(--font-body-family),sans-serif;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;pointer-events:auto;-webkit-user-select:text;user-select:text}.bf-product-main__ugc-slot>.bf-product-ugc-section,.bf-product-main__ugc-slot .bf-product-ugc,.bf-product-main__ugc-slot .bf-product-ugc__layout,.bf-product-main__ugc-slot .bf-product-ugc__carousel{width:100%;min-width:0}.bf-product-main__ugc-slot .bf-product-ugc__layout{display:block;margin:0;padding:0}.bf-product-main__ugc-slot .bf-product-ugc__carousel{grid-column:auto}@media(hover:hover)and (pointer:fine){.bf-product-ugc__nav:hover:not(:disabled){background:color-mix(in srgb,var(--bf-ugc-control-background, #f4f4f4) 82%,var(--bf-ugc-accent, #fc4c02));transform:translateY(-1px)}.bf-product-ugc__toggle:hover,.bf-product-ugc__audio:hover .bf-product-ugc__audio-control{background:#00000094}.bf-product-ugc__audio[aria-pressed=true]:hover .bf-product-ugc__audio-control{background:var(--bf-ugc-accent, #fc4c02)}}@media screen and (max-width:1279px)and (min-width:990px){.bf-product-ugc__layout{gap:32px;width:calc(100% - 64px)}}@media screen and (max-width:989px){.bf-product-ugc-section{margin-top:0}.bf-product-ugc__layout{display:block;width:100%;padding:0 20px 64px}.bf-product-ugc__header{margin-bottom:16px}.bf-product-ugc__title{color:#000;font-size:16px;line-height:1.3125;text-transform:capitalize}}@media screen and (max-width:374px){.bf-product-ugc__layout{padding-inline:16px}.bf-product-ugc__header{gap:16px}}@media(prefers-reduced-motion:reduce){.bf-product-ugc *,.bf-product-ugc *:before,.bf-product-ugc *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bf-product-ugc.css.map */