.ugc-v{display:block;width:100%;height:100%;object-fit:cover;background:var(--linen, #efe9e1)}.pdp-gallery .pdp-ugc .ugc-open,.ugc-frame .ugc-open,.ugc-pcard .ugc-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;aspect-ratio:auto;flex:none;background:transparent;border:0;padding:0;margin:0;overflow:visible;color:#fff}.ugc-open-ic{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;color:var(--ink, #1e1b18);background:#f8f5f0e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .5s var(--ease, ease)}.ugc-open-ic svg{margin-left:2px}.ugc-open:hover .ugc-open-ic,.ugc-open:focus-visible .ugc-open-ic{transform:scale(1.08)}.ugc-open:focus-visible{outline:2px solid var(--ink, #1e1b18);outline-offset:-4px}.pdp-ugc{position:relative;overflow:hidden;background:var(--linen, #efe9e1);aspect-ratio:1 / 1}.pdp-ugc .ugc-v{position:absolute;top:0;right:0;bottom:0;left:0}.pdp-ugc-tag{position:absolute;left:16px;bottom:16px;z-index:1;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:#f8f5f0e0;color:var(--ink, #1e1b18);padding:6px 10px;border-radius:999px;pointer-events:none}@media(max-width:960px){.pdp-gallery .pdp-ugc{flex:0 0 88%;aspect-ratio:1 / 1.05;scroll-snap-align:start}}.ugc{padding:clamp(56px,7vw,110px) 0 clamp(48px,6vw,88px)}.ugc-head{max-width:var(--max);margin:0 auto clamp(12px,2vw,24px);padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.ugc-head .h2{font-size:clamp(34px,4.2vw,60px);margin-top:10px}.ugc-head .h2 em{font-style:italic}.ugc-note{max-width:340px;margin:0;font-size:14px;color:var(--ink-2, #5b534b)}.ugc-wall{align-items:flex-start;gap:clamp(18px,2.2vw,32px);justify-content:safe center}.ugc-card{flex:0 0 auto;width:clamp(210px,19vw,270px);margin:0;display:grid;gap:14px}.ugc-card:nth-child(2n){margin-top:clamp(20px,3vw,48px)}.ugc-frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;isolation:isolate;border-radius:999px 999px 0 0;background:var(--linen, #efe9e1);transition:transform .9s var(--ease, ease)}.ugc-frame .ugc-v{position:absolute;top:0;right:0;bottom:0;left:0}.ugc-card:hover .ugc-frame{transform:translateY(-6px)}.ugc-card figcaption{display:grid;gap:4px;padding:0 2px}.ugc-by{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3, #8a8178)}.ugc-name{font-family:var(--serif);font-size:20px;line-height:1.15;font-style:italic;color:var(--ink, #1e1b18)}.ugc-link{font-size:13px;color:var(--ink, #1e1b18);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;justify-self:start}@media(max-width:760px){.ugc-head{flex-direction:column;align-items:flex-start}.ugc-card{width:58vw}.ugc-card:nth-child(2n){margin-top:0}}.ugc-pcard .card-media{background:var(--linen, #efe9e1)}.ugc-pcard .card-media .ugc-v{position:absolute;top:0;right:0;bottom:0;left:0}.ugc-pcard .card-link{font-size:12px;text-align:right;color:var(--ink, #1e1b18);text-decoration:underline;text-underline-offset:4px}html.ugc-lock,html.ugc-lock body{overflow:hidden}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#0c0a08f0;display:grid;place-items:center;padding:56px 12px 72px}.ugc-modal[hidden]{display:none}.ugc-modal-stage{width:100%;height:100%;display:grid;place-items:center;min-height:0}.ugc-modal-v{max-width:100%;max-height:calc(100dvh - 128px);width:auto;height:auto;background:#000}.ugc-modal-x{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;color:#fff;background:transparent;border:0;cursor:pointer}.ugc-modal-cap{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:#f8f5f0;font-size:13px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 16px}.ugc-modal-cap[hidden]{display:none}.ugc-modal-cap a{color:#f8f5f0;text-decoration:underline;text-underline-offset:4px}.ugc-modal-cap .ugc-by{color:#f8f5f0b3}.ugc-modal-cap .ugc-name{color:#f8f5f0;font-size:17px}html.fine .ugc-wall,html.fine .ugc-wall *{cursor:auto}html.fine .ugc-wall a,html.fine .ugc-wall button,html.fine .ugc-wall [data-ugc]{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/66/assets/rb-ugc.css.map */