.ugr{--bg: #EFE9DF;--surface: #FFFFFF;--text: #1A1A1A;--text-60: #5C574F;--text-40: #736D62;--line: #E4DCCD;--accent: #FF6B4A;--accent-ink: #DB2900;--head: "Josefin Sans", var(--font-heading-family, sans-serif);--body: "Jost", var(--font-body-family, sans-serif);--disp: "Fraunces", Georgia, serif;--card-w: clamp(148px, 14.5vw, 208px);--gap: 18px;--scale: 1.24;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.6;padding:66px 0 58px;overflow:hidden}.ugr *,.ugr *:before,.ugr *:after{box-sizing:border-box}.ugr button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.ugr a{color:inherit;text-decoration:none}.ugr__shell{max-width:1360px;margin:0 auto;padding:0 28px}.ugr .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ugr__eyebrow{text-align:center;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 10px}.ugr__headline{text-align:center;font-family:var(--disp);font-weight:500;font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-.015em;margin:0}.ugr__headline em{font-style:italic}.ugr__body{text-align:center;color:var(--text-60);margin:12px auto 0;max-width:62ch}.ugr__stage{position:relative;margin-top:34px}.ugr__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.ugr__viewport::-webkit-scrollbar{display:none}.ugr__track{position:relative;display:flex;gap:var(--gap);align-items:center;width:max-content;padding:34px calc(50% - (var(--card-w) / 2)) 30px}.ugr__card{position:relative;flex:0 0 var(--card-w);width:var(--card-w);scroll-snap-align:center;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#d8cfc1;border:0;padding:0;display:block;cursor:pointer;text-align:left;transform:scale(.94);opacity:.72;filter:saturate(.85);transition:transform .55s cubic-bezier(.22,.7,.24,1),opacity .45s,filter .45s,box-shadow .45s}.ugr__card:hover{opacity:.9}.ugr__card.is-active{transform:scale(var(--scale));opacity:1;filter:none;z-index:3;box-shadow:0 22px 48px #1a1a1a3d;cursor:default}.ugr__card:focus-visible{outline:2px solid var(--text);outline-offset:4px}.ugr__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#d8cfc1}.ugr__card:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;pointer-events:none;background:linear-gradient(to top,#1412109e,#14121000)}.ugr__handle{position:absolute;left:10px;bottom:10px;z-index:2;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ugr__card.is-active .ugr__handle{font-size:8.5px}.ugr__ctrls{position:absolute;top:9px;right:9px;z-index:4;display:none;flex-direction:column;gap:7px}.ugr__card.is-active .ugr__ctrls{display:flex}.ugr__ctrl{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#14121080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}.ugr__ctrl:hover{background:#141210c7}.ugr__ctrl svg{width:12px;height:12px;fill:#fff;stroke:none}.ugr__ctrl .ic-alt,.ugr__ctrl.is-alt .ic{display:none}.ugr__ctrl.is-alt .ic-alt{display:block}.ugr__shop{position:absolute;left:8px;right:8px;bottom:30px;z-index:4;display:none;align-items:center;gap:8px;padding:6px;border-radius:10px;background:#1c19169e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:background .2s}.ugr__card.is-active .ugr__shop{display:flex}.ugr__shop:hover{background:#1c1916d1}.ugr__shopimg{width:34px;height:34px;border-radius:6px;flex:none;overflow:hidden;background:#fff}.ugr__shopimg img{width:100%;height:100%;object-fit:contain;padding:2px;display:block}.ugr__shopmeta{min-width:0;flex:1}.ugr__shopname{font-size:10px;font-weight:500;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugr__shopprice{font-size:10px;color:#ffffffc7;margin-top:2px}.ugr__shopgo{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;background:#ffffff29}.ugr__shopgo svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2}.ugr__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 6px 18px #1a1a1a1f;transition:background .2s,border-color .2s,opacity .2s}.ugr__arrow:hover{background:var(--text);border-color:var(--text)}.ugr__arrow:hover svg{stroke:var(--bg)}.ugr__arrow svg{width:15px;height:15px;fill:none;stroke:var(--text);stroke-width:1.9}.ugr__arrow--prev{left:6px}.ugr__arrow--next{right:6px}.ugr__arrow[disabled]{opacity:.32;cursor:default}.ugr__arrow[disabled]:hover{background:var(--surface);border-color:var(--line)}.ugr__arrow[disabled]:hover svg{stroke:var(--text)}.ugr__dots{display:flex;justify-content:center;gap:7px;margin-top:4px}.ugr__dot{width:7px;height:7px;border-radius:50%;padding:0;background:#1a1a1a38;transition:background .25s,width .25s}.ugr__dot.is-on{background:var(--text);width:20px;border-radius:99px}@media(max-width:900px){.ugr{padding:48px 0 42px;--card-w: clamp(132px, 34vw, 190px);--scale: 1.2}.ugr__shell{padding:0 18px}.ugr__body{font-size:14px}.ugr__arrow{width:36px;height:36px}.ugr__arrow--prev{left:2px}.ugr__arrow--next{right:2px}}@media(max-width:560px){.ugr{--card-w: min(58vw, 230px);--scale: 1.12;--gap: 12px}.ugr__track{padding:26px 0 22px}}@media(prefers-reduced-motion:reduce){.ugr__card{transition:none}.ugr__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/bscly-ugc-reels.css.map */