.mro-ugc{padding:34px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.12))}.mro-ugc-h2{font-family:Unbounded,Inter Tight,system-ui,sans-serif;font-size:clamp(20px,5.4vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;margin:0 0 6px}.mro-ugc-sub{margin:0 0 16px;font-size:12.5px;line-height:1.5}.mro-ugc-wrap{position:relative}.mro-ugc-rail{display:flex;gap:12px;overflow-x:auto;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto}.mro-ugc-rail::-webkit-scrollbar{display:none}.mro-ugc-tile{position:relative;flex:0 0 var(--ugc-peek,74%);border:0;padding:0;margin:0;text-align:left;background:#1b1b1b;border-radius:10px;overflow:hidden;aspect-ratio:3/4;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:rgba(204,254,84,.2)}.mro-ugc-tile[disabled]{cursor:default}.mro-ugc-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff1a;transition:box-shadow .18s ease}.mro-ugc-tile:not([disabled]):hover:after{box-shadow:inset 0 0 0 1px #ccfe548c}.mro-ugc-tile:focus-visible{outline:2px solid var(--lime,#CCFE54);outline-offset:2px}.mro-ugc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mro-ugc-count{position:absolute;top:8px;left:8px;z-index:3;background:#000000c7;border:1px solid rgba(204,254,84,.55);color:var(--lime,#CCFE54);border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1;white-space:nowrap}.mro-ugc-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 9px 9px;background:linear-gradient(to top,#000000e6,#0000008c 46%,#0000);display:flex;flex-direction:column;gap:7px;align-items:flex-start}.mro-ugc-who{font-size:13px;font-weight:800;color:#fff;line-height:1.2}.mro-ugc-prod{font-size:11px;color:#c6c6c6;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mro-ugc-btn{margin-top:1px;background:var(--lime,#CCFE54);color:#000;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1}.mro-ugc-tile:hover .mro-ugc-btn{background:#fff}.mro-ugc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;background:#0a0a0ad1;border:2px solid var(--lime,#CCFE54);color:var(--lime,#CCFE54);cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #000000a6,0 0 0 6px #ccfe541a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background-color .16s ease,color .16s ease,transform .16s ease;touch-action:manipulation}.mro-ugc-nav svg{width:19px;height:19px;display:block}.mro-ugc-nav:hover{background:var(--lime,#CCFE54);color:#000}.mro-ugc-nav:active{transform:translateY(-50%) scale(.94)}.mro-ugc-prev{left:-7px}.mro-ugc-next{right:-7px}.mro-ugc-prog{margin-top:14px;height:2px;background:#ffffff21;border-radius:999px;overflow:hidden}.mro-ugc-prog i{display:block;height:100%;width:24%;background:var(--lime,#CCFE54);border-radius:999px}.mro-lookmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center;font-family:Inter Tight,system-ui,-apple-system,sans-serif}.mro-lookmodal[hidden]{display:none}body.mro-look-locked{overflow:hidden}.mro-lookmodal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000000a8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;transition:opacity .26s ease;border:0;padding:0;cursor:pointer}.mro-lookmodal.is-on .mro-lookmodal-scrim{opacity:1}.mro-lookmodal-shell{position:relative;z-index:2;width:calc(100% - 16px);max-width:460px;margin:0 8px 8px;display:flex;flex-direction:column;max-height:90vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.22,.7,.3,1)}.mro-lookmodal.is-on .mro-lookmodal-shell{transform:translateY(0)}.mro-lookmodal-close{position:relative;z-index:3;align-self:center;flex:0 0 auto;background:#101010;border:2px solid var(--lime,#CCFE54);border-bottom:0;border-radius:12px 12px 0 0;color:var(--lime,#CCFE54);cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:0 30px;height:44px;min-width:140px;display:flex;align-items:center;justify-content:center;margin-bottom:-2px;box-shadow:0 -4px 22px #ccfe542e;touch-action:manipulation}.mro-lookmodal-close:hover,.mro-lookmodal-close:active{background:var(--lime,#CCFE54);color:#000}.mro-lookmodal-box{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;background:#101010;border:2px solid var(--lime,#CCFE54);border-radius:18px;box-shadow:0 0 42px #ccfe5433;padding:17px 16px calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.mro-look-title{font-family:Unbounded,Inter Tight,sans-serif;font-size:16.5px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--lime,#CCFE54);margin:0 0 3px}.mro-look-who{font-size:11.5px;color:#9a9a9a;margin:0 0 13px}.mro-look-shot{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#1b1b1b;margin:0 0 14px}.mro-look-shot img{width:100%;height:100%;object-fit:cover;display:block}.mro-look-list{display:flex;flex-direction:column;gap:9px}.mro-look-item{display:flex;gap:11px;align-items:center;text-decoration:none;background:#141414;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px;transition:border-color .16s ease}.mro-look-item:hover{border-color:#ccfe548c}.mro-look-item img{flex:0 0 auto;width:52px;height:52px;border-radius:7px;object-fit:cover;background:#1b1b1b;display:block}.mro-look-meta{flex:1 1 auto;min-width:0}.mro-look-nm{display:-webkit-box;font-size:12.5px;font-weight:700;color:#fff;line-height:1.28;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mro-look-pr{display:block;font-size:11.5px;color:#9a9a9a;margin-top:3px;font-variant-numeric:tabular-nums}.mro-look-pr s{color:#6e6e6e;margin-left:5px}.mro-look-go{flex:0 0 auto;width:26px;height:26px;color:var(--lime,#CCFE54);display:flex;align-items:center;justify-content:center;transition:transform .16s ease}.mro-look-go svg{width:15px;height:15px;display:block}.mro-look-item:hover .mro-look-go{transform:translate(2px)}.mro-look-foot{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12)}.mro-look-foot p{margin:0;font-size:11.5px;line-height:1.55;color:#9a9a9a}.mro-look-foot p+p{margin-top:7px}.mro-look-foot b,.mro-look-foot strong{color:var(--lime,#CCFE54)}.mro-look-foot a{color:var(--lime,#CCFE54);text-decoration:underline;text-underline-offset:2px}.mro-look--photo .mro-look-shot{height:130px}.mro-look--compact .mro-look-who{margin-bottom:14px}.mro-look--hero .mro-look-shot{height:210px;margin-bottom:14px}.mro-look--hero .mro-look-shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000eb,#00000059 52%,#0000000d)}.mro-look-over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 14px 13px}.mro-look-over .mro-look-title{margin-bottom:2px}.mro-look-over .mro-look-who{margin:0;color:#c6c6c6}@media(min-width:600px)and (max-width:899px){.mro-ugc-tile{flex-basis:42%}}@media(min-width:900px){.mro-ugc{padding:54px 0}.mro-ugc-sub{font-size:13.5px;margin-bottom:20px}.mro-ugc-tile{flex-basis:calc((100% - (12px * (var(--ugc-cols,4) - 1))) / var(--ugc-cols,4))}.mro-ugc-who{font-size:13.5px}.mro-ugc-prod{font-size:11px}.mro-ugc-nav{width:52px;height:52px}.mro-ugc-nav svg{width:22px;height:22px}.mro-ugc-prev{left:-14px}.mro-ugc-next{right:-14px}.mro-lookmodal{align-items:center;padding:24px}.mro-lookmodal-shell{width:100%;margin:0;max-height:86vh;transform:translateY(16px);opacity:0;transition:transform .26s ease,opacity .22s ease}.mro-lookmodal.is-on .mro-lookmodal-shell{transform:translateY(0);opacity:1}.mro-lookmodal-box{padding:24px 24px 26px}.mro-look-title{font-size:19px}.mro-look--photo .mro-look-shot{height:170px}.mro-look--hero .mro-look-shot{height:280px}.mro-look-over{padding:18px}}@media(prefers-reduced-motion:reduce){.mro-ugc-tile:after,.mro-ugc-nav,.mro-look-item,.mro-look-go,.mro-lookmodal-scrim,.mro-lookmodal-shell{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/mro-ugc.css.map */