.read-more{display:block}.read-more-body{--read-more-clamp: var(--read-more-clamp-desktop, 2);position:relative;overflow:hidden;max-height:calc(var(--read-more-clamp) * 1lh)}.read-more[data-expanded] .read-more-body{max-height:none}read-more:not(:defined) .read-more-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--read-more-clamp);overflow:hidden}read-more:not(:defined) .read-more-trail{display:none}.read-more-content>*{margin:0}.read-more-content>*+*{margin-top:var(--read-more-paragraph-gap, 1lh)}.read-more-content *{font-size:inherit;line-height:inherit;letter-spacing:inherit}.read-more-trail{white-space:nowrap;transition:opacity var(--duration-normal) var(--ease-default)}.read-more[data-collapsing] .read-more-trail{opacity:0}.read-more[data-fits] .read-more-trail{display:none}.read-more-toggle{display:inline;padding:0;border:none;background:none;color:inherit;font:inherit;font-weight:var(--font-weight-medium);text-decoration:underline;text-decoration-thickness:var(--underline-thickness);text-decoration-skip-ink:none;text-underline-position:from-font;cursor:pointer;transition:var(--transition-underline)}.read-more-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.read-more-label-less,.read-more[data-expanded] .read-more-label-more,.read-more[data-expanded] .read-more-ellipsis{display:none}.read-more[data-expanded] .read-more-label-less{display:inline}.read-more[data-mode=block] .read-more-toggle{display:inline-block}.read-more-arrow{width:12px;height:12px;transform:rotate(90deg)}.read-more-label-less .read-more-arrow{transform:rotate(-90deg)}.read-more[data-mode=block] .read-more-ellipsis{display:none}.read-more[data-mode=block] .read-more-body:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--read-more-fade, 78px);background:linear-gradient(to bottom,rgba(var(--color-background),0) 33%,rgb(var(--color-background)));pointer-events:none;transition:opacity var(--duration-slow) var(--ease-default)}.read-more[data-mode=block][data-expanded] .read-more-body:after,.read-more[data-mode=block][data-fits] .read-more-body:after{opacity:0}@media screen and (min-width:990px){.read-more-toggle:hover{text-decoration-color:transparent}}@media(prefers-reduced-motion:reduce){.read-more-trail,.read-more-toggle,.read-more[data-mode=block] .read-more-body:after{transition:none}}@media screen and (max-width:989px){.read-more-body{--read-more-clamp: var(--read-more-clamp-mobile, var(--read-more-clamp-desktop, 2))}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/component-read-more.css.map */