.bb-ugc{--bb-accent: var(--color-accent, 176 141 87);--bb-text: var(--color-foreground, 35 33 32);--bb-border: var(--color-border, 224 220 212);--bb-shadow: var(--color-shadow, 35 33 32);--bb-radius: var(--radius-card, 8px);--bb-card-ratio: 9 / 14;--bb-ease: var(--ease-out-soft, cubic-bezier(.16, 1, .3, 1));position:relative;z-index:0}.bb-ugc__inner{max-width:var(--page-width, 1500px);margin:0 auto;padding-inline:var(--page-margin, 40px)}.bb-ugc__header{text-align:center;max-width:42rem;margin:0 auto 2.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.bb-ugc__heading{margin:0;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.4rem;letter-spacing:-.01em}.bb-ugc__heading-italic{font-style:italic;color:rgb(var(--bb-accent))}.bb-ugc__subtext{font-size:.9375rem;line-height:1.75;opacity:.72}.bb-ugc__viewport{position:relative}.bb-ugc__nav-controls{position:absolute;top:-4.6rem;right:0;display:flex;gap:.6rem}.bb-ugc__arrow{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgb(var(--bb-border));color:rgb(var(--bb-text));border-radius:999px;cursor:pointer;transition:all var(--duration-short, .2s) var(--bb-ease)}.bb-ugc__arrow:hover{background:rgb(var(--bb-accent));border-color:rgb(var(--bb-accent));color:#fff}.bb-ugc__arrow[disabled]{opacity:.3;cursor:not-allowed}.bb-ugc__track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin, 40px);padding-bottom:1.5rem;cursor:grab;scrollbar-width:none}.bb-ugc__track::-webkit-scrollbar{display:none}.bb-ugc__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.bb-ugc__track.is-centered{justify-content:center}.bb-ugc__card{flex:1 0 24%;max-width:460px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;transition:transform .4s var(--bb-ease)}@media(hover:hover){.bb-ugc__card:hover{transform:translateY(-5px)}}.bb-ugc__media{width:100%;aspect-ratio:var(--bb-card-ratio);position:relative;overflow:hidden;border-radius:var(--bb-radius);background:rgb(var(--bb-text) / .05)}.bb-ugc__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgb(var(--bb-text) / .08);border-radius:var(--bb-radius);pointer-events:none;z-index:10;transition:border-color .3s}.bb-ugc__card:hover .bb-ugc__media:after{border-color:rgb(var(--bb-accent) / .6)}.bb-ugc__video,.bb-ugc__img,.bb-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-ugc__poster{z-index:1;transition:opacity .4s ease}.bb-ugc__video{z-index:0;opacity:0}.bb-ugc__video.is-playing{z-index:2;opacity:1}.bb-ugc__overlay-handle{position:absolute;top:.85rem;left:.85rem;z-index:5;display:inline-flex;align-items:center;padding:.35em .85em;font-size:.6875rem;font-weight:var(--font-body--weight-bold, 700);letter-spacing:.04em;color:rgb(var(--bb-text));background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px}.bb-ugc__handle-icon{opacity:.55;margin-right:1px}.bb-ugc__pmini{margin-top:1.1rem;display:grid;grid-template-columns:5.25rem 1fr auto;gap:1.15rem;align-items:center;padding:1.05rem;background:#ffffffc7;border:1px solid rgb(var(--bb-border));border-radius:var(--bb-radius);text-decoration:none;color:rgb(var(--bb-text));transition:border-color .3s,box-shadow .3s,transform .3s var(--bb-ease)}.bb-ugc__pmini:hover{border-color:rgb(var(--bb-accent) / .55);box-shadow:0 16px 36px rgb(var(--bb-shadow) / .12)}.bb-ugc__pimg-wrap{width:5.25rem;height:6.5rem;display:block;overflow:hidden;border-radius:calc(var(--bb-radius) - 2px);background:#fff}.bb-ugc__pimg{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--bb-ease)}.bb-ugc__pmini:hover .bb-ugc__pimg{transform:scale(1.05)}.bb-ugc__pinfo{display:flex;flex-direction:column;gap:.35rem;min-width:0}.bb-ugc__ptitle{font-size:1.0625rem;font-weight:var(--font-body--weight-bold, 600);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-ugc__price{font-size:1rem;color:rgb(var(--bb-text) / .85)}.bb-ugc__price .new{font-weight:var(--font-body--weight-bold, 700);margin-right:.4rem}.bb-ugc__price .old{text-decoration:line-through;opacity:.45}.bb-ugc__plink{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--bb-accent));font-weight:var(--font-body--weight-bold, 600);margin-top:.15rem}.bb-ugc__pgo{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:rgb(var(--bb-accent) / .12);color:rgb(var(--bb-accent));transition:background-color .3s,color .3s,transform .3s var(--bb-ease)}.bb-ugc__pmini:hover .bb-ugc__pgo{background:rgb(var(--bb-accent));color:#fff;transform:translate(3px)}.bb-ugc__swipe-next{display:none;position:absolute;right:.65rem;top:40%;transform:translateY(-50%);align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid rgb(var(--bb-border));border-radius:50%;background:#ffffffeb;color:rgb(var(--bb-accent));box-shadow:0 8px 24px rgb(var(--bb-shadow) / .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:6;transition:opacity .4s ease,transform .3s var(--bb-ease)}.bb-ugc__swipe-next:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid rgb(var(--bb-accent) / .6);animation:bb-swipe-pulse 1.9s ease-out infinite}@keyframes bb-swipe-pulse{0%{transform:scale(.9);opacity:.8}70%,to{transform:scale(1.55);opacity:0}}.bb-ugc.is-scrolled .bb-ugc__swipe-next:after{animation:none;opacity:0}.bb-ugc__swipe-next.is-hidden{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.8)}.bb-ugc__progress{display:none;position:relative;height:2px;margin-top:.9rem;background:rgb(var(--bb-text) / .1);border-radius:2px;overflow:hidden}.bb-ugc__progress-bar{position:absolute;top:0;left:0;height:100%;width:30%;background:rgb(var(--bb-accent));border-radius:2px;transition:left .05s linear}@media(prefers-reduced-motion:reduce){.bb-ugc__card,.bb-ugc__arrow,.bb-ugc__pmini,.bb-ugc__pimg,.bb-ugc__pgo{transition:none}.bb-ugc__swipe-next:after{animation:none;opacity:0}}@media(max-width:1024px){.bb-ugc__card{flex-basis:34%}}@media(max-width:768px){.bb-ugc__nav-controls{display:none}.bb-ugc__card{flex-basis:78vw;max-width:none}.bb-ugc__card:hover{transform:none}.bb-ugc__swipe-next{display:inline-flex}.bb-ugc__progress{display:block}.bb-ugc__pmini{grid-template-columns:4.75rem 1fr auto}.bb-ugc__pimg-wrap{width:4.75rem;height:5.75rem}}
/*# sourceMappingURL=/cdn/shop/t/26/compiled_assets/styles.css.map?subset=AAAAAAAAAEA */