.accordion details{border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;margin:0 0 1.6rem}.product-converter .accordion details{margin:0}.accordion details summary{color:var(--color-text);display:flex;justify-content:space-between;align-items:center;font-weight:499;padding:1.6rem 0;position:relative;outline-style:none}.accordion details summary:hover,.accordion details summary:active,.accordion details summary:focus{outline-style:none}.accordion details summary p{flex:1;padding:0 3.2rem 0 0;transition:color .2s ease;line-height:1.125}.accordion details summary p:not([class]){font-size:12px;text-transform:uppercase;letter-spacing:1px}@media (min-width: 64em){.accordion details summary p:not([class]){font-size:12px}}.accordion details summary p:last-of-type{margin:0}.accordion details summary span{transition:all .2s ease}.accordion details summary:hover{color:var(--color-text)}.accordion details summary:hover span{color:var(--color-icon-hover)}.accordion details summary::-webkit-details-marker{display:none}.accordion details[open] summary{color:var(--color-text)}.accordion details[open] summary span{transform:rotate(180deg)}.accordion details[open] summary~*{animation:sweep .11s ease-in-out}@keyframes sweep{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.accordion details .content{padding:0 0 1.6rem;display:block;font-size:1.4rem}.accordion details figure:first-child{margin:0 0 1.6rem}@media (min-width: 48em){.accordion details figure:first-child{margin:0 0 2.4rem}}.accordion details figure:not(:first-child){margin:1.6rem 0}@media (min-width: 48em){.accordion details figure:not(:first-child){margin:2.4rem 0}}.accordion details figure:last-child{margin:1.6rem 0 0}@media (min-width: 48em){.accordion details figure:last-child{margin:2.4rem 0 0}}.accordion .container{display:grid}@media (min-width: 48em){.accordion .container.has-content{grid-template-columns:1fr 2fr;grid-gap:6.4rem}.accordion .container.has-content :not(.has-fullwidth) .grid-content__header{flex-direction:column;align-items:flex-start;justify-content:space-between}.accordion .container.has-content :not(.has-fullwidth) .grid-content__header a[class^=button]{align-self:flex-start;margin:2.4rem 0}.accordion .container.has-fullwidth{grid-template-columns:1fr;grid-gap:0}}@media (min-width: 48em){.accordion__content .sticky{position:sticky;top:12rem;padding:1.6rem 0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-accordion.css.map */
