.endorsements__inner{display:flex;flex-direction:column;gap:var(--padding-lg)}.endorsements__cards{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:var(--padding-md);align-items:stretch}@media screen and (min-width:900px){.endorsements__cards--few{justify-content:center}.endorsements__cards--few .endorsements__card-item{flex:0 1 calc((100% - 2 * var(--padding-md)) / 3);max-width:calc((100% - 2 * var(--padding-md)) / 3)}}@media screen and (max-width:899px){.endorsements__cards{flex-direction:column}}.endorsements__card-item{display:flex;flex:1 1 0;min-width:0}.endorsement-card{--avatar-size: 2.5rem;position:relative;display:flex;flex-direction:column;gap:var(--padding-lg);flex:1;padding:var(--padding-lg);border:2px solid var(--color-border);border-radius:var(--style-border-radius-popover, 12px);background:var(--color-background);color:var(--color-foreground)}.endorsement-card__primary{display:flex;flex-direction:column;gap:var(--padding-xs)}@media(hover:hover){.endorsement-card:hover{border-color:var(--color-variant-hover-border, var(--color-foreground));background-color:var(--color-variant-hover-background, var(--color-background))}}.endorsement-card{transition:transform 80ms ease-out}.endorsement-card:has(:active){transform:scale(.98)}@media(prefers-reduced-motion:reduce){.endorsement-card{transition:none}}.endorsement-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--padding-sm)}.endorsement-card__quote-mark,.endorsement-pane__quote-mark{font-size:2.5rem;line-height:1;color:var(--quote-icon-color, rgb(var(--color-text-2-rgb) / .35));transform:rotate(180deg);font-variation-settings:"FILL" 1}.endorsement-pane__quote-mark{display:inline-block;margin-bottom:var(--padding-sm)}.endorsement-card__body{margin:0;font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);letter-spacing:var(--font-paragraph--letter-spacing);color:var(--color-foreground)}.endorsement-card__body>.metafield-rich_text_field>*{margin:0}.endorsement-card__footer{display:flex;align-items:flex-start;gap:var(--padding-sm);margin-top:auto}.endorsement-card__avatar{flex-shrink:0;width:var(--avatar-size, 2.5rem);height:var(--avatar-size, 2.5rem);border-radius:50%;overflow:hidden;background:var(--color-background-2, var(--color-background))}.endorsement-card__avatar-img,.endorsement-card__avatar img{width:100%;height:100%;object-fit:cover}.endorsement-card__meta{display:flex;flex-direction:column;min-width:0}.endorsement-card__name{margin:0;font-weight:600;color:var(--color-foreground);text-box:trim-both}.endorsement-card__title{margin:0;font-family:var(--font-small_paragraph--family);font-style:var(--font-small_paragraph--style);font-weight:var(--font-small_paragraph--weight);font-size:var(--font-small_paragraph--size);line-height:var(--font-small_paragraph--line-height);letter-spacing:var(--font-small_paragraph--letter-spacing);color:var(--color-text-2, var(--color-foreground))}.endorsement-card__trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:0;background:transparent;border:0;cursor:pointer;font:inherit;color:transparent;border-radius:inherit}.endorsement-card__trigger:focus-visible{outline:none}.endorsement-card__read-more{flex-shrink:0;pointer-events:none;opacity:0;color:var(--color-primary-hover, var(--color-primary))}@media(hover:hover){.endorsement-card:hover .endorsement-card__read-more,.endorsement-card:has(:focus-visible) .endorsement-card__read-more{opacity:1}}@media(hover:none){.endorsements--read-more-mobile .endorsement-card__read-more{opacity:1}}.endorsements__read-all-wrapper{display:flex;justify-content:center}endorsement-modal{display:contents}.endorsement-modal__layout{display:flex;flex:1;min-height:0;flex-direction:row}.endorsement-modal__rail-wrap{flex:0 0 20rem;display:flex;flex-direction:column;min-height:0;border-right:2px solid var(--color-border)}.modal-shell__body.endorsement-modal__body{flex:1;min-width:0}.endorsement-modal__rail{display:flex;flex-direction:column;gap:0;padding:var(--padding-sm) 0;overflow-y:auto;min-height:0}.endorsement-modal__rail-item{display:flex;align-items:center;gap:var(--padding-sm);width:100%;padding:var(--padding-sm) var(--padding-md);background:transparent;border:0;border-left:3px solid transparent;text-align:start;cursor:pointer;color:var(--color-foreground);font:inherit}.endorsement-modal__rail-item:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.endorsement-modal__rail-item:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-primary, currentColor);outline-offset:calc(var(--focus-outline-offset, 2px) * -1)}.endorsement-modal__rail-item.is-active{border-left-color:var(--color-primary, var(--color-foreground));background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .04))}.endorsement-modal__rail-avatar{position:relative;flex-shrink:0;display:block;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background:var(--color-background-2, var(--color-background))}.endorsement-modal__rail-avatar-img,.endorsement-modal__rail-avatar img{width:100%;height:100%;object-fit:cover}.endorsement-modal__rail-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.endorsement-modal__rail-name{font-weight:600;color:var(--color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endorsement-modal__rail-item.is-active .endorsement-modal__rail-name{font-weight:700}.endorsement-modal__rail-title{font-family:var(--font-small_paragraph--family);font-style:var(--font-small_paragraph--style);font-weight:var(--font-small_paragraph--weight);font-size:var(--font-small_paragraph--size);line-height:var(--font-small_paragraph--line-height);letter-spacing:var(--font-small_paragraph--letter-spacing);color:var(--color-text-2, var(--color-foreground));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.endorsement-modal__body{padding:var(--padding-2xl)}.endorsement-pane{content-visibility:auto;contain-intrinsic-size:1px 600px;padding-block:var(--padding-2xl);max-width:70ch}.endorsement-pane:first-child{padding-block-start:0}.endorsement-pane:last-child{padding-block-end:0}.endorsement-pane__body{font-family:var(--font-paragraph--family);font-style:var(--font-paragraph--style);font-weight:var(--font-paragraph--weight);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);letter-spacing:var(--font-paragraph--letter-spacing);color:var(--color-foreground)}.endorsement-pane__body>:first-child{margin-top:0}.endorsement-pane__body>:last-child{margin-bottom:0}.endorsement-pane__footer{display:flex;align-items:flex-start;gap:var(--padding-sm);margin-top:var(--padding-md)}.endorsement-pane__avatar{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--color-background-2, var(--color-background))}.endorsement-pane__avatar img{width:100%;height:100%;object-fit:cover}.endorsement-pane__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.endorsement-pane__name{margin:0;font-weight:600;color:var(--color-foreground)}.endorsement-pane__title{margin:0;font-size:.9em;color:var(--color-text-2, var(--color-foreground));opacity:.8}@media screen and (max-width:749px){.endorsement-modal__layout{flex-direction:column}.endorsement-modal__rail-wrap{flex:0 0 auto;display:flex;flex-direction:column;border-right:0;border-bottom:1px solid var(--color-border);padding-block:0}.endorsement-modal__rail{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding-inline:var(--padding-md);padding-block:0;gap:var(--padding-sm);scrollbar-width:none;touch-action:pan-x;scroll-behavior:smooth}.endorsement-modal__rail::-webkit-scrollbar{display:none}.endorsement-modal__rail-item{flex:0 0 auto;flex-direction:row;align-items:center;text-align:start;width:auto;max-width:60vw;min-width:8rem;padding:6px 10px;background:transparent;gap:var(--padding-sm);min-height:var(--minimum-touch-target, 44px);border:0;border-bottom:2px solid transparent;transition:border-bottom-color var(--animation-speed, .18s) var(--animation-easing, ease)}.endorsement-modal__rail-item:hover{background:transparent}.endorsement-modal__rail-item.is-active{background:transparent;border-bottom-color:var(--color-foreground)}.endorsement-modal__rail-item:focus-visible{outline:none}.endorsement-modal__rail-avatar{width:2.5rem;height:2.5rem}.endorsement-modal__rail-meta{flex:1;min-width:0;align-items:flex-start;text-align:start}.endorsement-modal__rail-name{font-size:.875rem;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.endorsement-modal__rail-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:.75rem}.endorsement-modal__body{overflow-x:hidden;padding:var(--padding-md) var(--padding-md) var(--padding-lg);scroll-behavior:smooth}.endorsement-pane{max-width:none;padding-block:var(--padding-lg)}.endorsement-pane:first-child{padding-block-start:0}.endorsement-pane:last-child{padding-block-end:0}}@media(prefers-reduced-motion:reduce){.endorsement-modal__rail-item{transition:none}.endorsement-modal__rail,.endorsement-modal__body{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/product-endorsements.css.map */