.bp-ugc{background:#fff;padding-block:clamp(36px,5vw,60px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d1d1f}.bp-ugc__inner{max-width:1280px;margin:0 auto;padding-inline:24px}.bp-ugc__head{text-align:center;max-width:680px;margin:0 auto clamp(20px,3vw,32px)}.bp-ugc__eyebrow{display:inline-block;font-size:12px;font-weight:600;color:#0071e3;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px}.bp-ugc__title{margin:0 0 10px;font-size:clamp(24px,3.4vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:#1d1d1f}.bp-ugc__body{margin:0;font-size:clamp(14px,1.5vw,16px);line-height:1.5;color:#6e6e73}.bp-ugc__scroller{--ugc-tile: 150px;--ugc-gap: 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:6px 6px 22px;margin-inline:-6px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.bp-ugc__scroller::-webkit-scrollbar{height:6px}.bp-ugc__scroller::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.bp-ugc__scroller::-webkit-scrollbar-track{background:transparent}.bp-ugc__track{display:flex;flex-direction:column;gap:var(--ugc-gap);width:max-content}.bp-ugc__row{display:flex;flex-wrap:nowrap;gap:var(--ugc-gap)}.bp-ugc__row--bot{margin-left:calc(var(--ugc-tile) / 2 + var(--ugc-gap) / 2)}.bp-ugc__tile{position:relative;flex:0 0 var(--ugc-tile);width:var(--ugc-tile);-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;background:#f5f5f7;border-radius:12px;overflow:hidden;cursor:pointer;color:inherit;font:inherit;box-shadow:0 4px 14px #00000014;transition:transform .2s ease,box-shadow .2s ease}.bp-ugc__tile:hover{transform:translateY(-3px);box-shadow:0 10px 26px #00000029}.bp-ugc__tile:focus-visible{outline:2px solid #0071e3;outline-offset:3px}.bp-ugc__tile[disabled],.bp-ugc__tile--placeholder{cursor:default}.bp-ugc__tile--placeholder:hover{transform:none;box-shadow:0 4px 14px #00000014}.bp-ugc__tile-media{position:relative;display:block;aspect-ratio:4 / 5;width:100%;background:#f5f5f7}.bp-ugc__tile-media img{width:100%;height:100%;object-fit:cover;display:block}.bp-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.bp-ugc__play svg{width:34px;height:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.bp-ugc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#0006}.bp-ugc__placeholder svg{width:30px;height:30px}.bp-ugc__placeholder-label{font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#00000059}.bp-ugc__tile-meta{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:1px;padding:20px 9px 8px;background:linear-gradient(to top,#000000bd,#00000057 52%,#0000);pointer-events:none}.bp-ugc__tile-caption{font-size:11.5px;font-weight:600;color:#fff;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-ugc__tile-author{font-size:10.5px;color:#ffffffd1;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.4)}.bp-ugc__modal{border:0;padding:0;background:transparent;color:#fff;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;overflow:hidden}.bp-ugc__modal::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.bp-ugc__modal[open]{display:flex;align-items:center;justify-content:center}.bp-ugc__modal-inner{position:relative;width:min(92vw,720px);max-height:88dvh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px}.bp-ugc__close{position:absolute;top:8px;right:8px;-webkit-appearance:none;appearance:none;border:0;width:44px;height:44px;border-radius:50%;background:#ffffff2e;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .15s ease,transform .15s ease;z-index:2}.bp-ugc__close svg{width:20px;height:20px}.bp-ugc__close:hover{background:#ffffff47;transform:scale(1.05)}.bp-ugc__modal-media{width:100%;aspect-ratio:4 / 5;max-height:70dvh;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px #00000080;display:flex;align-items:center;justify-content:center}.bp-ugc__modal-media img,.bp-ugc__modal-media video,.bp-ugc__modal-media iframe{width:100%;height:100%;object-fit:contain;display:block;background:#000;border:0}.bp-ugc__modal-meta{text-align:center;max-width:520px}.bp-ugc__modal-caption{margin:0 0 4px;font-size:15px;font-weight:500;color:#fff;line-height:1.4}.bp-ugc__modal-author{margin:0;font-size:13px;color:#ffffffb3}.bp-ugc__modal-meta p:empty{display:none}@media(max-width:768px){.bp-ugc__scroller{--ugc-tile: 128px;--ugc-gap: 8px}}@media(max-width:480px){.bp-ugc__scroller{--ugc-tile: 112px}.bp-ugc__play svg{width:30px;height:30px}.bp-ugc__modal-inner{padding:16px}.bp-ugc__modal-media{aspect-ratio:3 / 4}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bp-ugc-scroll.css.map */