.proclad-ugc{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-80) 0 var(--space-80) var(--space-56);background:var(--surface-3);overflow:hidden}.proclad-ugc__intro{flex:0 0 20rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16)}.proclad-ugc__intro-head,.proclad-ugc__intro-foot{display:contents}.proclad-ugc__logo{width:var(--space-119);height:var(--space-112);object-fit:contain}.proclad-ugc__title{margin:0;max-width:19.0625rem;font-family:var(--font-display);font-size:var(--text-h1-size);font-weight:var(--font-weight-bold);line-height:var(--text-h1-line);letter-spacing:var(--text-h1-tracking);color:var(--text-1)}.proclad-ugc__sub{margin:0;font-family:var(--font-display);font-size:var(--text-body-size);font-weight:var(--font-weight-roman);line-height:var(--text-body-line);letter-spacing:var(--text-body-tracking);color:var(--text-1)}.proclad-ugc__socials{display:flex;align-items:center;gap:var(--space-16)}.proclad-ugc__social{display:inline-flex;color:var(--text-1)}.proclad-ugc__social svg{width:var(--space-24);height:var(--space-24);display:block}.proclad-ugc__carousel{flex:1 1 auto;min-width:0;display:block}.proclad-ugc__carousel .swiper-wrapper{height:auto;align-items:stretch}@media screen and (min-width:990px){.proclad-ugc__carousel{margin-right:calc(-1 * var(--space-56))}}.proclad-ugc__carousel .proclad-ugc__card{position:relative;width:20rem;aspect-ratio:320 / 508;align-self:stretch;overflow:hidden}.proclad-ugc__card .proclad-card--chip .proclad-card__title{color:var(--text-1)}.proclad-ugc__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-radius:var(--space-8);overflow:hidden;background:var(--surface-5);transition:height .35s cubic-bezier(.22,1,.36,1)}.proclad-ugc__media video,.proclad-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.proclad-ugc__video.responsive-image,.proclad-ugc__video .responsive-image__picture,.proclad-ugc__video .responsive-image__img{width:100%;height:100%}.proclad-ugc__video--empty{background:var(--pearl-beige)}.proclad-ugc__badge{position:absolute;top:var(--space-16);left:var(--space-16);padding:var(--space-4) var(--space-8);background:var(--pearl-beige);border-radius:var(--space-4);font-family:var(--font-display);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);line-height:var(--text-caption-line);color:var(--text-1)}.proclad-ugc__sound{position:absolute;top:var(--space-16);right:var(--space-16);width:var(--space-24);height:var(--space-24);display:flex;align-items:center;justify-content:center;background:var(--pearl-beige);border:0;border-radius:var(--space-99);cursor:pointer;color:var(--text-1);padding:0}.proclad-ugc__sound svg{width:100%;height:100%;display:block}.proclad-ugc__sound-on,.proclad-ugc__sound-off{display:flex}.proclad-ugc__sound .proclad-ugc__sound-on{display:none}.proclad-ugc__sound[aria-pressed=true] .proclad-ugc__sound-on{display:flex}.proclad-ugc__sound[aria-pressed=true] .proclad-ugc__sound-off{display:none}.proclad-ugc__shop{position:absolute;left:0;right:0;top:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);background:var(--pearl-beige);border:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-1)}.proclad-ugc__shop .proclad-card__title{font-size:var(--text-h3-size);font-weight:var(--font-weight-bold);line-height:var(--text-h3-line);white-space:normal}.proclad-ugc__shop .proclad-card__cta{color:var(--text-1);font-family:var(--font-display);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);line-height:var(--text-label-line);letter-spacing:var(--text-label-tracking);text-decoration-line:underline;text-decoration-style:solid;text-underline-offset:var(--space-2);text-underline-position:from-font;text-transform:uppercase}@media(hover:hover)and (min-width:750px){.proclad-ugc__card:hover .proclad-ugc__media,.proclad-ugc__card:focus-within .proclad-ugc__media{height:24.75rem}.proclad-ugc__card:hover .proclad-ugc__shop,.proclad-ugc__card:focus-within .proclad-ugc__shop{transform:translateY(-6rem)}}@media(prefers-reduced-motion:reduce){.proclad-ugc__media,.proclad-ugc__shop{transition:none}}@media screen and (min-width:750px)and (max-width:1024px){.proclad-ugc{flex-direction:column;align-items:stretch;gap:var(--space-32);padding:var(--space-56) 0}.proclad-ugc__intro{flex:none;width:100%;box-sizing:border-box;padding-inline:var(--space-32)}.proclad-ugc__title{max-width:36rem;font-size:var(--space-40)}.proclad-ugc__carousel{width:100%}.proclad-ugc__carousel .proclad-ugc__card{width:18rem}}@media screen and (max-width:749px){.proclad-ugc{display:flex;flex-direction:column;align-items:stretch;min-height:47.25rem;padding:var(--space-40) 0;gap:var(--space-24)}.proclad-ugc__intro{display:contents}.proclad-ugc__intro-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);order:-2;flex-direction:row-reverse;padding-inline:var(--space-20)}.proclad-ugc__intro-head .proclad-ugc__title{flex:1 1 auto}.proclad-ugc__logo{flex:0 0 auto;width:var(--space-85);height:var(--space-80)}.proclad-ugc__title{font-size:var(--space-32);line-height:var(--text-h2-line-tight);letter-spacing:-.02rem}.proclad-ugc__carousel{order:-1;width:100%;margin-right:0}.proclad-ugc__intro-foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16);padding-inline:var(--space-20)}.proclad-ugc__carousel .proclad-ugc__card{display:flex;flex-direction:column;flex-basis:16.75rem;width:16.75rem;height:31.75rem;aspect-ratio:auto}.proclad-ugc__media{position:relative;inset:auto;aspect-ratio:320 / 478;height:auto;flex:0 0 auto}.proclad-ugc__shop{position:relative;inset:auto;top:auto;left:auto;right:auto;transform:none;flex:0 0 auto;border-radius:var(--space-8);margin-top:var(--space-8)}.proclad-ugc__intro-foot{flex-direction:row;align-items:center;justify-content:space-between;position:static}.proclad-ugc__sub{width:var(--space-148);max-width:var(--space-148);font-size:var(--text-body-size);font-style:normal;font-weight:var(--font-weight-bold);line-height:128%;letter-spacing:.32px}.proclad-ugc__socials{gap:var(--space-16)}.proclad-ugc__card .proclad-card--chip{top:auto;bottom:0;border-radius:var(--space-8);background:var(--pearl-beige)}.proclad-ugc__shop .proclad-card__cta{font-family:Inter,sans-serif;font-size:var(--space-14);font-weight:var(--font-weight-bold);line-height:1.36;letter-spacing:.0175rem}.proclad-ugc.home-proclad-ugc{min-height:756px;gap:var(--space-24);padding:var(--space-40) 0;box-sizing:border-box}.proclad-ugc.home-proclad-ugc .proclad-ugc__intro-head{gap:var(--space-16);padding-inline:var(--space-20)}.proclad-ugc.home-proclad-ugc .proclad-ugc__title{max-width:214px;color:var(--text-1, var(--purple));font-size:var(--text-h1-mobile-size);line-height:1.04;letter-spacing:-.32px;white-space:normal}.proclad-ugc.home-proclad-ugc .proclad-ugc__logo{width:var(--space-85);height:var(--space-80)}.proclad-ugc.home-proclad-ugc .proclad-ugc__carousel .proclad-ugc__card{flex-basis:268px;width:268px;height:508px}.proclad-ugc.home-proclad-ugc .proclad-ugc__media{position:absolute;top:0;right:0;bottom:auto;left:0;width:100%;height:400px;min-height:400px;max-height:400px;aspect-ratio:auto;border-radius:var(--space-8);overflow:hidden}.proclad-ugc.home-proclad-ugc .proclad-ugc__video,.proclad-ugc.home-proclad-ugc .proclad-ugc__media video{width:100%;height:100%;object-fit:cover}.proclad-ugc.home-proclad-ugc .proclad-ugc__shop{position:absolute;top:412px;right:0;bottom:auto;left:0;width:100%;height:var(--space-96);margin-top:0;transform:none;border-radius:var(--space-8)}.proclad-ugc.home-proclad-ugc .proclad-ugc__shop .proclad-card__media{flex:0 0 var(--space-96);width:var(--space-96);height:var(--space-96)}.proclad-ugc.home-proclad-ugc .proclad-ugc__shop .proclad-card__body{gap:var(--space-8);height:var(--space-96);padding-inline:var(--space-16);justify-content:center}.proclad-ugc.home-proclad-ugc .proclad-ugc__shop .proclad-card__title{font-size:var(--text-h3-size);line-height:var(--text-h3-line)}.proclad-ugc.home-proclad-ugc .proclad-ugc__intro-foot{width:100%;padding-inline:var(--space-20);box-sizing:border-box}.proclad-ugc.home-proclad-ugc .proclad-ugc__sub{width:var(--space-148);max-width:var(--space-148);font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:.32px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/proclad-ugc.css.map */