// ========================================================================== // UGC Campaign Page \2014  shared styles (hero,right-fit cards,how-it-works,story/form) // ========================================================================== .ugc-hero{position:relative;background:#f4ecdf;padding:30px 24px}.ugc-hero__media{position:relative;max-width:1368px;margin:0 auto;border-radius:16px;overflow:hidden;min-height:460px;display:flex;align-items:center}.ugc-hero__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0a080514 36.85%,#0a0805c7 93.83%);z-index:1}.ugc-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.ugc-hero__content{position:relative;z-index:2;padding:40px 24px;max-width:420px;margin-left:auto}.ugc-hero__eyebrow{font-family:ABC Diatype,sans-serif;font-size:12.8px;letter-spacing:2px;text-transform:uppercase;color:#fffbed;margin:0 0 16px}.ugc-hero__heading{font-family:ABC Gramercy,serif;font-style:italic;font-weight:400;font-size:36px;line-height:1.1;color:#fffbed;margin:0 0 20px}.ugc-hero__text{font-family:ABC Diatype,sans-serif;font-size:16px;line-height:1.5;color:#fffbedcc;margin:0 0 32px}.ugc-button{display:inline-flex;align-items:center;justify-content:center;padding:0 40px;height:40px;background:#ff673d;border:1px solid #FF673D;border-radius:6px;font-family:ABC Diatype,sans-serif;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:#200e0a;text-decoration:none;cursor:pointer}@media screen and (min-width:750px){.ugc-hero{padding:30px 36px}.ugc-hero__content{max-width:460px;padding:0 40px}.ugc-hero__heading{font-size:45px}}// -------------------------------------------------------------------------- // Right fit cards // -------------------------------------------------------------------------- .ugc-fit{background:#f4ecdf;padding:40px 24px}.ugc-fit__inner{max-width:1312px;margin:0 auto}.ugc-fit__heading{font-family:ABC Gramercy,serif;font-weight:400;font-size:25px;color:#431f16;margin:0 0 12px}.ugc-fit__text{font-family:ABC Diatype,sans-serif;font-size:16px;line-height:1.2;color:#431f16;margin:0 0 24px;max-width:458px}.ugc-fit__cards{display:flex;flex-direction:column;gap:12px}.ugc-fit__card{background:#fffbed;border-radius:16px;padding:16px 35px;display:flex;align-items:center;gap:24px;min-height:69px}.ugc-fit__card-icon{flex-shrink:0;width:33px;height:33px;color:#fe683d}.ugc-fit__card-icon svg{width:100%;height:100%}.ugc-fit__card-label{font-family:ABC Diatype,sans-serif;font-weight:700;font-size:12.8px;letter-spacing:2px;text-transform:uppercase;color:#431f16;margin:0}@media screen and (min-width:750px){.ugc-fit{padding:96px 64px}.ugc-fit__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:44px}.ugc-fit__heading{font-size:36px}.ugc-fit__cards{flex-direction:row;flex:1}.ugc-fit__card{flex:1;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:24px;min-height:169px}}// -------------------------------------------------------------------------- // How it works (numbered steps + media) // -------------------------------------------------------------------------- .ugc-steps{background:#fffbed;padding:40px 24px}.ugc-steps__inner{max-width:1312px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.ugc-steps__list{display:flex;flex-direction:column;gap:20px}.ugc-steps__item{display:flex;gap:20px}.ugc-steps__number{flex-shrink:0;width:40px;height:40px;border-radius:5px;background:#fe683d;display:flex;align-items:center;justify-content:center;font-family:ABC Diatype,sans-serif;font-size:16px;letter-spacing:.2px;color:#502317}.ugc-steps__body{display:flex;flex-direction:column;gap:8px}.ugc-steps__title{font-family:ABC Diatype,sans-serif;font-weight:700;font-size:16px;letter-spacing:.5px;color:#502317;margin:0}.ugc-steps__desc{font-family:ABC Diatype,sans-serif;font-size:16px;line-height:1.2;color:#502317;margin:0}.ugc-steps__media{position:relative;border-radius:17px;overflow:hidden;max-width:313px;margin:0 auto}.ugc-steps__media img{width:100%;height:auto;display:block}.ugc-steps__play{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0003;border-radius:999px;color:#fff;font-family:ABC Diatype,sans-serif;font-size:10px}@media screen and (min-width:750px){.ugc-steps{padding:95px 64px}.ugc-steps__inner{flex-direction:row;align-items:center;justify-content:center;gap:200px}.ugc-steps__list{max-width:456px;gap:24px}.ugc-steps__media{max-width:312px}}// -------------------------------------------------------------------------- // Tell us your story \2014  benefits + form // -------------------------------------------------------------------------- .ugc-story{background:#f4ecdf;padding:40px 24px}.ugc-story__inner{max-width:1312px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.ugc-story__eyebrow{font-family:ABC Diatype,sans-serif;font-size:12.8px;letter-spacing:2px;text-transform:uppercase;color:#431f1673;margin:0 0 8px}.ugc-story__heading{font-family:ABC Gramercy,serif;font-weight:400;font-size:25px;color:#431f16;margin:0 0 16px}.ugc-story__text{font-family:ABC Diatype,sans-serif;font-size:16px;line-height:1.6;color:#5c594e;margin:0 0 32px}.ugc-story__benefits{display:flex;flex-direction:column;gap:12px}.ugc-story__benefit{display:flex;align-items:center;gap:12px}.ugc-story__benefit-icon{flex-shrink:0;width:20px;height:20px;border-radius:999px;background:#ec674516;display:flex;align-items:center;justify-content:center}.ugc-story__benefit-icon svg{width:9px;height:9px}.ugc-story__benefit-text{font-family:ABC Diatype,sans-serif;font-size:14px;letter-spacing:.2px;color:#5c594e;margin:0}// Form container \2014  matches Tally-ready card .ugc-story__form-card{box-sizing:border-box;background:#fffbed;border:1px solid #EADDCF;border-radius:18px;padding:28px}.ugc-story__form-placeholder{display:flex;flex-direction:column;gap:18px}.ugc-story__field-label{display:block;font-family:ABC Diatype,sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#431f1673;margin:0 0 6px}.ugc-story__field-input{width:100%;box-sizing:border-box;height:44px;padding:0 16px;background:#431f160d;border:1px solid #E8DDD4;border-radius:9px;font-family:ABC Diatype,sans-serif;font-size:13px;color:#431f1680}.ugc-story__field-row{display:flex;flex-direction:column;gap:18px}.ugc-story__dropzone{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 24px;background:#431f160a;border:1.3px dashed #D4BFB4;border-radius:11px;text-align:center}.ugc-story__dropzone-icon{width:36px;height:36px;border-radius:999px;background:#431f1612;display:flex;align-items:center;justify-content:center}.ugc-story__dropzone-title{font-family:ABC Diatype,sans-serif;font-size:13px;color:#431f16;margin:0}.ugc-story__dropzone-sub{font-family:ABC Diatype,sans-serif;font-size:11px;color:#431f1666;margin:0}.ugc-story__submit{width:100%;border:none}.ugc-story__terms{text-align:center;font-family:ABC Diatype,sans-serif;font-size:11px;color:#431f1661;margin:0}@media screen and (min-width:750px){.ugc-story{padding:96px 64px}.ugc-story__inner{flex-direction:row;align-items:flex-start;gap:80px}.ugc-story__left{max-width:420px}.ugc-story__form-wrap{flex:1}.ugc-story__field-row--two{flex-direction:row;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/section-ugc-campaign.css.map */