.accordion summary{display:flex;position:relative;line-height:1;padding:.4rem 0}.accordion:not(:first-child){margin-top:30px}.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}.accordion .svg-wrapper{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;padding:0 0rem}.accordion__content img{max-width:100%}.custom-accordion .collapsible-section-layout .collapsible-content-wrapper-narrow{max-width:100%;padding:0}.custom-accordion .collapsible-content__heading.h1{font-size:36px;line-height:40px}.custom-accordion .accordion{margin:25px 0}.custom-accordion .accordion:nth-of-type(odd){background:#23282b;color:#fff}.custom-accordion .accordion:nth-of-type(1){margin-top:0!important}.custom-accordion .accordion:nth-of-type(odd) .icon path{stroke:#9e7b5a}.custom-accordion .accordion summary{display:flex;position:relative;line-height:1;padding:25px 15px}.custom-accordion .accordion__title.h4{color:#fff;font-size:24px}.custom-accordion summary .icon-caret{height:50px;width:50px;top:calc(50% - 2.3rem);transform:rotate(90deg)}.custom-accordion .accordion__content{padding:10px 15px 0}.custom-accordion .accordion:nth-of-type(2n){background:#9e7b5a;color:#fff}.custom-accordion .accordion:nth-of-type(2n) .icon path{stroke:#fff}.custom-accordion summary .icon{height:50px;width:50px;top:calc(50% - 2.3rem);transform:rotate(0)}.custom-accordion .accordion details[open]>summary .icon{transform:rotate(180deg)}.custom-accordion .accordion__content ul{padding:0}@media screen and (max-width : 767px){.custom-accordion summary .icon{height:32px;width:32px;top:calc(50% - 2rem);right:1.5rem}.custom-accordion .accordion__title.h4{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/component-accordion.css.map */