.fable .fable-ugc{display:block;padding:4.8rem 0;color:var(--fable-ink, #243f36);background:var(--fable-ugc-bg, var(--fable-cream, #f7f3eb))}.fable .fable-ugc--transparent{background:transparent}.fable .fable-ugc--compact{padding-top:0}.fable .fable-ugc__intro{display:flex;flex-direction:column;align-items:center;padding:0 2.4rem}.fable .fable-ugc__illustration{width:100%;margin:0 0 2.4rem;aspect-ratio:100 / 54}.fable .fable-ugc__placeholder{display:block;width:100%;height:100%;overflow:visible}.fable .fable-ugc__placeholder *{vector-effect:non-scaling-stroke}.fable .fable-ugc__intro-text{max-width:73.6rem;margin:0 0 4rem;text-align:center}.fable .fable-ugc__heading{margin:0;font-family:var(--fable-font-serif);font-weight:var(--fable-serif-weight);font-size:3.2rem;line-height:1.25;letter-spacing:var(--fable-tracking, .016rem);color:inherit;word-break:normal;overflow-wrap:anywhere}.fable .fable-ugc__heading+.fable-ugc__text{margin-top:1rem}.fable .fable-ugc__text{font-size:1.4rem;line-height:1.5;font-weight:400;color:var(--fable-text-2, #5f6b63)}.fable .fable-ugc__text p{margin:0}.fable .fable-ugc__text a{color:var(--fable-blue, #243f36);text-decoration:underline;text-underline-offset:.2rem}@media(hover:hover){.fable .fable-ugc__text a:hover{color:var(--fable-blue-dark, #243f36)}}.fable .fable-ugc__tile{position:relative;overflow:hidden;border-radius:var(--fable-radius-sm, 2px)}.fable .fable-ugc__tile:focus-visible,.fable .fable-ugc__tiles:focus-visible{outline-offset:-2px}.fable .fable-ugc__image{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.fable .fable-ugc__image>.placeholder-svg{background:rgba(var(--fable-ink-rgb, 36, 63, 54),.06)}.fable .fable-ugc__tile-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fable .fable-ugc__tile-link:focus-visible{outline-offset:-2px}.fable .fable-ugc__caption{position:absolute;bottom:.8rem;left:.8rem;z-index:2;max-width:calc(100% - 1.6rem);margin:0;padding:.6rem;border-radius:var(--fable-radius-sm, 2px);font-size:1.1rem;line-height:1.375;font-weight:400;color:var(--fable-ink, #243f36);background:var(--fable-raindrop, #dce5d8)}.fable .fable-ugc__caption--lavender{background:var(--fable-lavender-deep, #dce5d8)}.fable .fable-ugc__caption--green{background:var(--fable-sage-bright, #dce5d8)}.fable .fable-ugc__caption a{color:inherit;text-decoration:underline}.fable .fable-ugc__tile--quote{display:flex;align-items:center;justify-content:center;background:var(--fable-sage-bright, #dce5d8)}.fable .fable-ugc__tile--raindrop{background:var(--fable-raindrop, #dce5d8)}.fable .fable-ugc__tile--lavender{background:var(--fable-lavender-deep, #dce5d8)}.fable .fable-ugc__quote{width:83.333%;margin:0;text-align:center}.fable .fable-ugc__quote-text{margin:0;padding:0;border:0;font-family:var(--fable-font-serif);font-weight:var(--fable-serif-weight);font-style:normal;font-size:2rem;line-height:1.5;letter-spacing:var(--fable-tracking, .016rem);color:inherit;overflow-wrap:anywhere}.fable .fable-ugc__quote-text+.fable-ugc__quote-author{margin-top:1.6rem}.fable .fable-ugc__quote-author,.fable .fable-ugc__quote-author a{font-size:1.2rem;line-height:1.5;font-weight:500;color:inherit;text-decoration:none}@media(hover:hover){.fable .fable-ugc__quote-author a:hover{text-decoration:underline}}.fable .fable-ugc__actions{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:2.8rem;padding:0 2.4rem}.fable .fable-ugc--no-intro .fable-ugc__actions:first-child{margin-top:0}.fable .fable-ugc__button{width:100%;max-width:29.3rem;padding-inline:1.6rem;transition-duration:var(--fable-dur-fast, .15s)}.fable .fable-ugc__button--neon{--fable-btn-bg-hover: var(--fable-ink, #243f36);--fable-btn-bg: var(--fable-forest, #243f36);--fable-btn-fg: var(--fable-snow, #fff);--fable-btn-fg-hover: var(--fable-snow, #fff)}.fable .fable-ugc--paged{padding-bottom:6.6rem}.fable .fable-ugc--paged .fable-ugc__actions{flex-wrap:wrap;align-items:stretch;margin-top:4rem}.fable .fable-ugc--paged .fable-ugc__button{flex:1 1 14.8rem;width:auto;max-width:17.4rem;min-height:4.4rem}.fable:is(.no-js *) .fable-ugc__more{display:none}@media screen and (max-width:799px){.fable .fable-ugc--mobile-carousel .fable-ugc__tiles{display:flex;overflow-x:auto;overflow-y:hidden;padding-left:.8rem;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fable .fable-ugc--mobile-carousel .fable-ugc__tiles::-webkit-scrollbar{display:none}.fable .fable-ugc--mobile-carousel .fable-ugc__group,.fable .fable-ugc--mobile-carousel .fable-ugc__group[hidden]{display:contents}.fable .fable-ugc--mobile-carousel .fable-ugc__tile{flex:0 0 87vw;margin-right:1.6rem;aspect-ratio:100 / 98}.fable .fable-ugc--mobile-carousel .fable-ugc__tile--quote,.fable .fable-ugc--mobile-carousel .fable-ugc__more{display:none}.fable .fable-ugc--mobile-stack .fable-ugc__tiles{padding:0 2.4rem}.fable .fable-ugc--mobile-stack .fable-ugc__group[hidden]{display:none}.fable:is(.no-js *) .fable-ugc--mobile-stack .fable-ugc__group[hidden]{display:block}.fable .fable-ugc--mobile-stack .fable-ugc__tile{margin-bottom:1.2rem;aspect-ratio:1}.fable .fable-ugc--mobile-stack .fable-ugc__group>.fable-ugc__tile--image:first-child{aspect-ratio:100 / 124}.fable .fable-ugc--mobile-stack .fable-ugc__tile--quote{padding:4rem 1.6rem;aspect-ratio:auto}.fable .fable-ugc--mobile-stack .fable-ugc__caption{bottom:1.2rem;left:1.2rem;max-width:calc(100% - 2.4rem)}}@media screen and (min-width:600px)and (max-width:799px){.fable .fable-ugc--mobile-stack .fable-ugc__tiles{padding:0 4rem}}@media screen and (min-width:800px){.fable .fable-ugc{padding:4.8rem 0 9.6rem}.fable .fable-ugc--compact{padding-top:0}.fable .fable-ugc__intro{padding:.4rem 2.4rem 1rem}.fable .fable-ugc__illustration{width:50%;aspect-ratio:50 / 24}.fable .fable-ugc__heading{font-size:4rem}.fable .fable-ugc__tiles{padding:0 4rem 1.6rem}.fable .fable-ugc__group{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:1.6rem}.fable .fable-ugc__group[hidden]{display:none}.fable:is(.no-js *) .fable-ugc__group[hidden]{display:grid}.fable .fable-ugc__group+.fable-ugc__group{margin-top:1.6rem}.fable .fable-ugc__tile{grid-column:span 3;aspect-ratio:100 / 97}.fable .fable-ugc__group--a>.fable-ugc__tile:nth-child(5),.fable .fable-ugc__group--b>.fable-ugc__tile:nth-child(1){grid-column:span 4;grid-row:1 / -1;height:100%;aspect-ratio:auto}.fable .fable-ugc__group:is(.fable-ugc__group--count-1,.fable-ugc__group--count-2,.fable-ugc__group--count-3,.fable-ugc__group--count-4){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-flow:row}.fable .fable-ugc__group.fable-ugc__group--count-1{grid-template-columns:minmax(0,1fr);max-width:48rem;margin-inline:auto}.fable .fable-ugc__group.fable-ugc__group--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fable .fable-ugc__group:is(.fable-ugc__group--count-1,.fable-ugc__group--count-2,.fable-ugc__group--count-3,.fable-ugc__group--count-4)>.fable-ugc__tile{grid-column:auto;grid-row:auto;height:auto;aspect-ratio:100 / 97}.fable .fable-ugc__caption{bottom:1.2rem;left:1.2rem;max-width:calc(100% - 2.4rem)}.fable .fable-ugc__quote-text{font-size:clamp(1.3rem,1.9vw,2rem)}.fable .fable-ugc__actions{gap:4rem;margin-top:2.4rem}.fable .fable-ugc__button--neon{--fable-btn-bg: var(--fable-forest, #243f36);--fable-btn-fg: var(--fable-snow, #fff)}.fable .fable-ugc--paged{padding-bottom:8rem}.fable .fable-ugc--paged .fable-ugc__actions{margin-top:6.4rem}}@media screen and (min-width:800px){.fable .fable-ugc__caption{opacity:0;pointer-events:none}.fable .fable-ugc:hover .fable-ugc__caption,.fable .fable-ugc:focus-within .fable-ugc__caption,.fable .fable-ugc.is-touched .fable-ugc__caption{transition:opacity var(--fable-dur, .3s) var(--fable-ease, cubic-bezier(.4, 0, .2, 1))}.fable .fable-ugc__tile:focus-visible .fable-ugc__caption,.fable .fable-ugc__tile-link:focus-visible~.fable-ugc__caption,.fable .fable-ugc__caption:focus-within,.fable .fable-ugc__tile.is-revealed .fable-ugc__caption,.fable:is(.no-js *) .fable-ugc__caption{opacity:1;pointer-events:auto}}@media screen and (min-width:800px)and (hover:hover){.fable .fable-ugc__tile:hover .fable-ugc__caption{opacity:1;pointer-events:auto}}@media screen and (min-width:1000px){.fable .fable-ugc__tiles{padding:0 7.2rem 1.6rem}.fable .fable-ugc__quote-text{font-size:2rem}.fable .fable-ugc__quote-text+.fable-ugc__quote-author{margin-top:2rem}}@media screen and (min-width:1400px){.fable .fable-ugc__quote-text{font-size:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-fable-ugc-grid.css.map */