.tcs-ugc-rail{padding-block:0 48px}.tcs-ugc-rail__header-wrap,.tcs-ugc-rail__scroller{box-sizing:border-box;max-width:calc(var(--tcs-layout-content-max) + (var(--tcs-layout-gutter) * 2));margin-inline:auto;padding-inline:var(--tcs-layout-gutter)}.tcs-ugc-rail__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--tcs-space-5);margin-block-end:24px}.tcs-ugc-rail__title-group{min-width:0}.tcs-ugc-rail__eyebrow{margin:0 0 var(--tcs-space-2);font-family:var(--tcs-font-sans);font-weight:600;font-size:var(--tcs-text-eyebrow);line-height:var(--tcs-leading-eyebrow);letter-spacing:var(--tcs-tracking-eyebrow);text-transform:uppercase;color:var(--tcs-c-pink-deep)}.tcs-ugc-rail__heading{margin:0;font-family:var(--tcs-font-display);font-weight:700;font-size:var(--font-h2--size, var(--tcs-text-heading-lg));line-height:var(--font-h2--line-height, var(--tcs-leading-heading-lg));letter-spacing:var(--font-h2--letter-spacing, var(--tcs-tracking-heading-lg));color:var(--tcs-text)}.tcs-ugc-rail__follow{flex:0 0 auto;padding-block-end:3px;border-block-end:1.5px solid currentColor;font-family:var(--tcs-font-sans);font-weight:600;font-size:var(--tcs-text-eyebrow);line-height:var(--tcs-leading-eyebrow);letter-spacing:var(--tcs-tracking-eyebrow);text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--tcs-text)}.tcs-ugc-rail__follow:hover{color:var(--tcs-link-hover)}.tcs-ugc-rail__scroller{contain:paint;overflow-x:auto;scroll-padding-inline:var(--tcs-layout-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;padding-block-end:6px;-webkit-overflow-scrolling:touch}.tcs-ugc-rail__scroller::-webkit-scrollbar{display:none}.tcs-ugc-rail__scroller:focus-visible{outline:var(--tcs-focus-ring-width) solid var(--tcs-focus-ring);outline-offset:calc(var(--tcs-focus-ring-offset) * -1)}.tcs-ugc-rail__track{display:flex;gap:var(--tcs-space-4);margin:0;padding:0;list-style:none}.tcs-ugc-rail__item{flex:0 0 calc((100% - (var(--tcs-space-4) * 4)) / 5);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.tcs-ugc-rail__card{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border:0;border-radius:var(--tcs-radius-card);background:var(--tcs-surface-blush);box-shadow:none;color:inherit;text-decoration:none}.tcs-ugc-rail__item--pink .tcs-ugc-rail__card{background:var(--tcs-c-sunset-pink)}.tcs-ugc-rail__item--aqua .tcs-ugc-rail__card{background:var(--tcs-c-aqua)}.tcs-ugc-rail__item--yellow .tcs-ugc-rail__card{background:var(--tcs-c-morning-yellow)}.tcs-ugc-rail__item--blue .tcs-ugc-rail__card{background:var(--tcs-c-day-blue)}.tcs-ugc-rail__item--blush .tcs-ugc-rail__card{background:var(--tcs-surface-blush)}.tcs-ugc-rail__card:focus-visible{outline:var(--tcs-focus-ring-width) solid var(--tcs-focus-ring);outline-offset:var(--tcs-focus-ring-offset)}.tcs-ugc-rail__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.tcs-ugc-rail__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--tcs-space-4);font-family:var(--tcs-font-sans);font-weight:600;font-size:var(--tcs-text-caption);line-height:var(--tcs-leading-caption);letter-spacing:var(--tcs-tracking-caption);text-align:center;text-transform:uppercase;color:var(--tcs-text-muted)}.tcs-ugc-rail__instagram{position:absolute;top:10px;right:10px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--tcs-radius-pill);background:var(--tcs-heart-chip-bg);color:var(--tcs-c-pink-deep);pointer-events:none}.tcs-ugc-rail__instagram svg{width:var(--tcs-space-4);height:var(--tcs-space-4)}.tcs-ugc-rail__likes{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--tcs-radius-pill);background:var(--tcs-heart-chip-bg);font-family:var(--tcs-font-sans);font-weight:600;font-size:var(--tcs-text-caption);line-height:var(--tcs-leading-caption);color:var(--tcs-text);pointer-events:none}.tcs-ugc-rail__likes svg{width:var(--tcs-space-3);height:var(--tcs-space-3);flex:0 0 auto;fill:var(--tcs-c-la-pink)}@media(max-width:989px){.tcs-ugc-rail__item{flex-basis:42%}}@media(max-width:749px){.tcs-ugc-rail__item{flex-basis:52%}}
/*# sourceMappingURL=/cdn/shop/t/276/assets/tcs-ugc-rail.css.map */
