.yln-home-community{--yln-community-card-width: clamp(216px, 24.2vw, 396px);--yln-community-edge: clamp(12px, 1.4vw, 20px);--yln-community-outer-half: clamp(67px, 7.502vw, 123px);position:relative;z-index:var(--layer-flat, 1);isolation:isolate;padding-block:clamp(24px,2.6vw,40px) 0;overflow:hidden;background:var(--yln-community-bg, #fff)}.yln-home-community__carousel{display:block}.yln-home-community__header{margin:0 0 clamp(14px,1.6vw,24px);text-align:center}.yln-home-community__title{margin:0;color:#1b1917;font-family:var(--yln-font-heading);font-size:clamp(2.8rem,4.3vw,4.8rem);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);letter-spacing:-.06em;line-height:.96;text-wrap:balance}.yln-home-community__title em{font-family:var(--yln-font-accent);font-style:var(--font-accent--style);font-weight:var(--font-accent--weight)}.yln-home-community__viewport{position:relative;overflow:hidden}.yln-home-community__stage{position:relative;height:clamp(432px,36vw,560px);touch-action:pan-y}.yln-community-card{position:absolute;top:50%;left:50%;width:var(--yln-community-card-width);--dx: 0%;--s: 1;transform:translate(calc(-50% + var(--dx)),-50%) scale(var(--s));transition:left .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),opacity .52s ease,filter .72s ease;cursor:pointer;will-change:transform}.yln-community-card:not([data-position]):nth-child(1){--dx: 0%;--s: 1;z-index:30}.yln-community-card:not([data-position]):nth-child(2){--dx: 84%;--s: .82;z-index:20}.yln-community-card:not([data-position]):nth-child(3){left:calc(100% - var(--yln-community-edge) - var(--yln-community-outer-half));--dx: 0%;--s: .62;z-index:10}.yln-community-card:not([data-position]):nth-child(4){left:calc(var(--yln-community-edge) + var(--yln-community-outer-half));--dx: 0%;--s: .62;z-index:10}.yln-community-card:not([data-position]):nth-child(5){--dx: -84%;--s: .82;z-index:20}.yln-community-card:not([data-position]):nth-child(n+6){--dx: 210%;--s: .5;opacity:0;pointer-events:none;z-index:5}.yln-community-card[data-position=center]{--dx: 0%;--s: 1;z-index:30;cursor:default}.yln-community-card[data-position=inner-left]{--dx: -84%;--s: .82;z-index:20}.yln-community-card[data-position=inner-right]{--dx: 84%;--s: .82;z-index:20}.yln-community-card[data-position=outer-left]{left:calc(var(--yln-community-edge) + var(--yln-community-outer-half));--dx: 0%;--s: .62;z-index:10}.yln-community-card[data-position=outer-right]{left:calc(100% - var(--yln-community-edge) - var(--yln-community-outer-half));--dx: 0%;--s: .62;z-index:10}.yln-community-card[data-position=far-left]{--dx: -210%;--s: .5;opacity:0;pointer-events:none;z-index:5}.yln-community-card[data-position=far-right]{--dx: 210%;--s: .5;opacity:0;pointer-events:none;z-index:5}.yln-community-card[data-position]:not([data-position=center]),.yln-community-card:not([data-position]):not(:nth-child(1)){filter:saturate(.94) brightness(.95)}.yln-community-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--yln-radius, 4px);background:#eeeae5;box-shadow:0 4px 14px #14110e33;transition:box-shadow .72s ease}.yln-community-card[data-position=center] .yln-community-card__media,.yln-community-card:not([data-position]):nth-child(1) .yln-community-card__media{box-shadow:0 8px 22px #14110e38}.yln-community-card__image{width:100%;height:100%;object-fit:cover;object-position:var(--yln-community-image-x, 50%) var(--yln-community-image-y, 50%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.yln-home-community__controls{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;pointer-events:none}.yln-home-community__control{position:absolute;top:50%;display:grid;width:52px;height:52px;padding:0;border:1px solid #1b1917;border-radius:50%;place-items:center;background:#1b1917;box-shadow:0 6px 22px #14110e38;color:#fff;line-height:1;pointer-events:auto;cursor:pointer;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.yln-home-community__control svg{width:18px;height:18px}.yln-home-community__control--previous{left:calc(var(--yln-community-edge) + 8px)}.yln-home-community__control--next{right:calc(var(--yln-community-edge) + 8px)}.yln-home-community__control:hover,.yln-home-community__control:focus-visible{border-color:#1b1917;background:#fff;box-shadow:0 9px 30px #14110e38;color:#1b1917;transform:translateY(-50%) scale(1.06)}.yln-home-community__control:focus-visible{outline:2px solid #1b1917;outline-offset:3px}.yln-home-community__status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yln-home-community__empty{margin:0;text-align:center}@media(max-width:1099px){.yln-home-community{--yln-community-card-width: clamp(216px, 38vw, 306px);--yln-community-inner-span: clamp(244px, 42.94vw, 346px)}.yln-home-community__stage{height:clamp(414px,56vw,522px)}.yln-community-card{width:var(--yln-community-card-width)}.yln-community-card[data-position=inner-left]{--dx: -72%}.yln-community-card[data-position=inner-right]{--dx: 72%}.yln-community-card[data-position=outer-left],.yln-community-card[data-position=outer-right],.yln-community-card:not([data-position]):nth-child(3),.yln-community-card:not([data-position]):nth-child(4){opacity:0;pointer-events:none}.yln-home-community__control--previous{left:calc(50% - var(--yln-community-inner-span) + 8px)}.yln-home-community__control--next{right:calc(50% - var(--yln-community-inner-span) + 8px)}}@media(max-width:700px){.yln-home-community__title{font-size:clamp(2.55rem,12vw,3.45rem)}.yln-home-community__stage{height:min(504px,108vw)}.yln-community-card{width:min(70vw,320px)}.yln-community-card[data-position=inner-left],.yln-community-card[data-position=inner-right],.yln-community-card:not([data-position]):nth-child(2),.yln-community-card:not([data-position]):nth-child(5){opacity:0;pointer-events:none}.yln-home-community__control--previous{left:calc(50% - min(35vw,160px) + 8px)}.yln-home-community__control--next{right:calc(50% - min(35vw,160px) + 8px)}}@media(prefers-reduced-motion:reduce){.yln-community-card,.yln-community-card__media,.yln-home-community__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/yln-home-community.css.map */