.accordion summary{display:flex;position:relative;line-height:1;padding:1.5rem 0}.accordion .summary__title{display:flex;flex:1}.accordion .summary__title+.icon-caret{height:calc(var(--font-heading-scale) * .6rem)}.accordion+.accordion{margin-top:0;border-top:none}.accordion{margin-top:2.5rem;margin-bottom:0;border-top:.1rem solid rgba(var(--color-foreground),.08);border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.accordion__title{display:inline-block;max-width:calc(100% - 6rem);min-height:1.6rem;margin:0;word-break:break-word;font-weight:400}.accordion .icon-accordion{align-self:center;fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.accordion details[open]>summary .icon-caret{transform:rotate(180deg)}.accordion__content{margin-bottom:1.5rem;word-break:break-word;overflow-x:auto}.accordion__content img{max-width:100%}.accordion--animated details{transition:all .3s ease}.accordion--animated .accordion__content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,margin .3s ease;padding:0;margin:0}.accordion--animated details[open] .accordion__content{max-height:1000px;margin:0 0 1.5rem;padding:0 0 1.5rem 2rem}.accordion--animated summary{transition:all .3s ease;cursor:pointer}.accordion--animated summary:hover{opacity:.8}.accordion--animated .icon-caret{transition:transform .3s ease}.accordion--animated[data-animation-duration=fast] details,.accordion--animated[data-animation-duration=fast] .accordion__content,.accordion--animated[data-animation-duration=fast] summary,.accordion--animated[data-animation-duration=fast] .icon-caret{transition-duration:.2s}.accordion--animated[data-animation-duration=normal] details,.accordion--animated[data-animation-duration=normal] .accordion__content,.accordion--animated[data-animation-duration=normal] summary,.accordion--animated[data-animation-duration=normal] .icon-caret{transition-duration:.3s}.accordion--animated[data-animation-duration=slow] details,.accordion--animated[data-animation-duration=slow] .accordion__content,.accordion--animated[data-animation-duration=slow] summary,.accordion--animated[data-animation-duration=slow] .icon-caret{transition-duration:.5s}.accordion--animated[data-animation-easing=ease] details,.accordion--animated[data-animation-easing=ease] .accordion__content,.accordion--animated[data-animation-easing=ease] summary,.accordion--animated[data-animation-easing=ease] .icon-caret{transition-timing-function:ease}.accordion--animated[data-animation-easing=ease-in] details,.accordion--animated[data-animation-easing=ease-in] .accordion__content,.accordion--animated[data-animation-easing=ease-in] summary,.accordion--animated[data-animation-easing=ease-in] .icon-caret{transition-timing-function:ease-in}.accordion--animated[data-animation-easing=ease-out] details,.accordion--animated[data-animation-easing=ease-out] .accordion__content,.accordion--animated[data-animation-easing=ease-out] summary,.accordion--animated[data-animation-easing=ease-out] .icon-caret{transition-timing-function:ease-out}@media screen and (max-width: 767px){.accordion .icon-caret{transform:rotate(90deg)!important}.accordion details[open]>summary .icon-caret{transform:rotate(270deg)!important}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/component-accordion.css.map */