.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}.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;padding:0 .6rem}.accordion__content img{max-width:100%}.accordion__content p,.accordion__content p a{font-size:1.6rem}.accordion__content p a{color:rgb(var(--color-foreground));text-decoration:underline}.accordion__content p a:hover{color:rgb(var(--color-button))}.accordion__content strong{font-family:Fenomen-Sans-Bold;font-weight:400}.accordion__content ul,.accordion__content ol{margin:1rem 0}.accordion__content ul li{list-style:disc}.accordion__content ol li{list-style:decimal}.pdp-accordion-content strong{font-family:Fenomen-Sans-Bold}.pdp-accordion-content .metafield-rich_text_field ul li{list-style:disc;padding-left:5px;margin-left:30px}:root{--roast-scale: 6;--acidity-scale: 3;--body-scale: 3}.bar-container{justify-content:center}.bar-container:has(.bar-container__content){justify-content:flex-start}.bar-container .bar{display:block;width:100%;height:4px;background-color:var(--color-grey-ash);margin:8px 0;position:relative}.bar-container .bar:before{content:"";position:absolute;height:4px;left:0;background-color:var(--var-pdp-main-color)}.bar-container .bar:after{content:"";position:absolute;background-color:var(--var-pdp-main-color);width:11px;height:11px;border-radius:50%;top:-3px}.bar-container .bar.size--roast-shade--1:before{width:calc(calc(100% / var(--roast-scale)) * 1)}.bar-container .bar.size--roast-shade--2:before{width:calc(calc(100% / var(--roast-scale)) * 2)}.bar-container .bar.size--roast-shade--3:before{width:calc(calc(100% / var(--roast-scale)) * 3)}.bar-container .bar.size--roast-shade--4:before{width:calc(calc(100% / var(--roast-scale)) * 4)}.bar-container .bar.size--roast-shade--5:before{width:calc(calc(100% / var(--roast-scale)) * 5)}.bar-container .bar.size--roast-shade--6:before{width:100%}.bar-container .bar.size--roast-shade--1:after{left:calc(calc(100% / var(--roast-scale)) * 1)}.bar-container .bar.size--roast-shade--2:after{left:calc(calc(100% / var(--roast-scale)) * 2)}.bar-container .bar.size--roast-shade--3:after{left:calc(calc(100% / var(--roast-scale)) * 3)}.bar-container .bar.size--roast-shade--4:after{left:calc(calc(100% / var(--roast-scale)) * 4)}.bar-container .bar.size--roast-shade--5:after{left:calc(calc(100% / var(--roast-scale)) * 5)}.bar-container .bar.size--roast-shade--6:after{left:100%}.bar-container .bar.size--acidity--low:before{width:calc(calc(100% / var(--acidity-scale)) * 1)}.bar-container .bar.size--acidity--medium:before{width:calc(calc(100% / var(--acidity-scale)) * 2)}.bar-container .bar.size--acidity--high:before{width:100%}.bar-container .bar.size--acidity--low:after{left:calc(calc(100% / var(--acidity-scale)) * 1)}.bar-container .bar.size--acidity--medium:after{left:calc(calc(100% / var(--acidity-scale)) * 2)}.bar-container .bar.size--acidity--high:after{left:100%}.bar-container .bar.size--body--low:before{width:calc(calc(100% / var(--body-scale)) * 1)}.bar-container .bar.size--body--medium:before{width:calc(calc(100% / var(--body-scale)) * 2)}.bar-container .bar.size--body--full:before{width:100%}.bar-container .bar.size--body--low:after{left:calc(calc(100% / var(--body-scale)) * 1)}.bar-container .bar.size--body--medium:after{left:calc(calc(100% / var(--body-scale)) * 2)}.bar-container .bar.size--body--full:after{left:100%}
/*# sourceMappingURL=/cdn/shop/t/560/assets/component-accordion.css.map */