.melle-ugc{overflow:hidden}.melle-ugc__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:24px}.melle-ugc__intro{min-width:0}.melle-ugc__label{margin:0 0 12px;font-family:var(--font-stack-header);font-weight:var(--font-weight-header);letter-spacing:.18em;text-transform:uppercase;color:var(--melle-burgundy)}.melle-ugc__heading{margin:0;color:rgb(var(--color-heading));letter-spacing:-.035em}.melle-ugc__heading em{color:var(--melle-burgundy)}.melle-ugc__note{max-width:520px;margin-top:12px}.melle-ugc__follow{flex:none;display:inline-block;margin-bottom:6px;padding-bottom:5px;font-family:var(--font-stack-header);font-weight:var(--font-weight-header);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-heading));background:linear-gradient(currentColor,currentColor) left bottom / 100% 1.5px no-repeat;transition:background-size .35s ease,color .2s ease}.melle-ugc__follow:hover{color:var(--melle-burgundy);background-size:40% 1.5px}.melle-ugc__wrap{display:block}.melle-ugc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px}.melle-ugc__item{min-width:0}.melle-ugc__card{position:relative;display:block;width:100%;aspect-ratio:var(--ugc-ratio, 1);padding:0;border:0;border-radius:0;overflow:hidden;background:var(--melle-powder);color:inherit;cursor:pointer}.melle-ugc__card .melle-img,.melle-ugc__card .m-placeholder-svg,.melle-ugc__card .melle-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ugc-pos, center center);pointer-events:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.melle-ugc__card--adapt .melle-img{object-fit:contain}.melle-ugc__card:hover .melle-img{transform:scale(1.04)}.melle-ugc__card:focus-visible{outline:2px solid var(--melle-burgundy);outline-offset:3px}.melle-ugc__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:transparent}.melle-ugc__modal[hidden]{display:none}.melle-ugc__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#28181cbf;animation:melle-ugc-fade .3s}.melle-ugc__box{position:relative;display:flex;flex-direction:column;width:min(440px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:var(--melle-radius-lg);overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));animation:melle-ugc-pop .45s var(--melle-ease)}.melle-ugc__close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--melle-cream);color:var(--melle-espresso);cursor:pointer}.melle-ugc__box [data-modal-body]{display:flex;flex-direction:column;min-height:0;flex:1}.melle-ugc__modal-media{flex:1;min-height:0;aspect-ratio:9 / 13;background:var(--melle-powder)}.melle-ugc__modal-media .melle-img,.melle-ugc__video{width:100%;height:100%;object-fit:cover;display:block}.melle-ugc__shop{display:grid;grid-template-columns:56px 1fr;gap:10px 14px;align-items:center;padding:16px 18px 18px}.melle-ugc__shop--simple{display:flex;justify-content:center}.melle-ugc__shop-img{width:56px;height:56px;border-radius:var(--melle-radius-sm);overflow:hidden;background:var(--melle-powder)}.melle-ugc__shop-info{display:flex;flex-direction:column;min-width:0}.melle-ugc__shop-label{font-family:var(--font-stack-body);font-style:italic;color:var(--melle-accent, rgb(var(--color-heading)))}.melle-ugc__shop-title{font-family:var(--font-stack-header);font-weight:var(--font-weight-header);text-decoration:none}.melle-ugc__shop-price{opacity:.8}.melle-ugc__shop .m-product-form,.melle-ugc__shop>.m-button{grid-column:1 / -1}.melle-ugc__shop .m-button{width:100%}@keyframes melle-ugc-fade{0%{opacity:0}}@keyframes melle-ugc-pop{0%{opacity:0;transform:scale(.95)}}@media screen and (min-width:1024px){.melle-ugc__shop{grid-template-columns:56px 1fr auto}.melle-ugc__shop .m-product-form,.melle-ugc__shop>.m-button{grid-column:auto}.melle-ugc__shop .m-button{width:auto}}@media screen and (min-width:768px)and (max-width:1023px){.melle-ugc__grid{gap:8px}}@media screen and (max-width:767px){.melle-ugc__head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.melle-ugc__follow{margin-bottom:0}.melle-ugc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}@media(prefers-reduced-motion:reduce){.melle-ugc__card .melle-img{transition:none}.melle-ugc__card:hover .melle-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-melle-ugc.css.map */