.ugcs__head{max-width:640px;margin-bottom:32px}.ugcs__head .body{margin-top:8px;color:var(--ink-2)}.ugcs__note{margin-top:24px;max-width:640px;color:var(--ink-2);font-size:14px;line-height:1.45}.ugcs__note+.row{margin-top:16px}.ugc--grid{--g: 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g);align-items:start}@media(max-width:1099px){.ugc--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.ugc--grid{--g: 8px;grid-template-columns:repeat(2,minmax(0,1fr))}}.ugc--grid.is-mason{grid-auto-rows:8px;row-gap:0;align-items:stretch}.ugc--grid.is-mason .ugc__i{padding-bottom:var(--g)}.ugc--grid.is-mason .ugc__b{height:100%;aspect-ratio:auto}.ugc__i{margin:0;min-width:0}.ugc__b{position:relative;display:block;width:100%;aspect-ratio:var(--ar);padding:0;border:0;cursor:zoom-in;border-radius:16px;overflow:hidden;background:var(--ground-2);isolation:isolate}.ugc__b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hair),inset 0 1px #ffffff59;pointer-events:none}.ugc__b img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .42s var(--ease-out, ease)}.ugc__b:hover img{transform:scale(1.02)}.ugc__b:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ugc__b img{transition:none}.ugc__b:hover img{transform:none}}@media(max-width:699px){.ugc:not(.is-open) .ugc__i--m{display:none}}@media(min-width:700px){.ugc:not(.is-open) .ugc__i--d{display:none}.ugc-more--m{display:none}}.ugc-more{display:flex;justify-content:center;margin-top:24px}.ugc-more[hidden]{display:none}.ugc--strip{--g: 16px;display:flex;gap:var(--g);align-items:flex-start}.ugc--strip .ugc__i{flex:var(--arw) 1 0}@media(max-width:699px){.ugc--strip{--g: 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scroll-padding:0 var(--gutter)}.ugc--strip::-webkit-scrollbar{display:none}.ugc--strip .ugc__i{flex:0 0 auto;height:280px;scroll-snap-align:start}.ugc--strip .ugc__b{height:100%;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ugc.css.map */