.tr-accordion{--trCardBgBackgroundColor: linear-gradient( -95deg, rgba(var(--tr-color-black), .2) 0%, rgba(var(--tr-color-green-dart), .2) 100% );--trCardBgGradient: linear-gradient( -95deg, rgb(var(--tr-color-green-dart)) 0%, rgb(var(--tr-color-green-alt)) 100% );--trCardBgBorderRadius: var(--tr-radius-md);--trAccordionPadding: 24px;--trAccordionBorderColor: rgba(var(--tr-color-primary), .35);width:100%}.tr-accordion--variant-secondary{--trAccordionPadding: 0}.tr-accordion__summary{display:flex;align-items:center;justify-content:space-between;column-gap:16px;list-style:none;padding:var(--trAccordionPadding)}.tr-accordion__summary::-webkit-details-marker{display:none}.tr-accordion__title{margin-block:0}.tr-accordion__title:not(.tr-subtitle){font-size:calc(24px * var(--font-heading-scale));font-weight:500}.tr-accordion__content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--tr-transition-duration),opacity var(--tr-transition-duration)}.tr-accordion__content-inner{overflow:hidden}.tr-accordion__content-body{padding:0 var(--trAccordionPadding) var(--trAccordionPadding) var(--trAccordionPadding)}.tr-accordion__details[open]+.tr-accordion__content{grid-template-rows:1fr;opacity:1}.tr-accordion__icon{flex:0 0 auto}.tr-accordion__icon--arrow{width:24px;height:24px;position:relative;transition:transform var(--tr-transition-duration)}.tr-accordion__icon--arrow:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-65%) rotate(45deg)}.tr-accordion__details[open] .tr-accordion__icon--arrow{transform:rotate(180deg)}.tr-accordion--variant-secondary .tr-accordion__summary{padding-bottom:8px;border-bottom:1px solid var(--trAccordionBorderColor);cursor:pointer}.tr-accordion--variant-secondary .tr-accordion__title{opacity:.6}.tr-accordion--variant-secondary .tr-accordion__content-body{padding:12px 0 0}@media(max-width:990px){.tr-accordion__title:not(.tr-subtitle){font-size:calc(20px * var(--font-heading-scale))}}@media(max-width:750px){.tr-accordion__title:not(.tr-subtitle){font-size:calc(16px * var(--font-heading-scale))}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/tr-accordion.css.map */