.details{position:relative;display:flex;overflow:hidden;flex-flow:column;transition:background-color .3s ease;outline:none;background-color:transparent;box-shadow:none;scroll-padding-top:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.details:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#bababa}.details:first-of-type:before{position:absolute;top:0;left:0;width:100%;height:1px;content:"";background-color:#bababa}.details__summary{position:relative;padding:18px 0 15px;list-style:none;cursor:pointer;outline:none}.details__summary .summary__inner{position:relative;display:flex;align-items:center;justify-content:space-between;transition:transform .3s ease;transform:translateZ(0);grid-gap:var(--spacing-1x);gap:var(--spacing-1x)}.details__summary .summary__inner h5{font-family:Moderat;font-weight:400;font-style:normal;font-size:1.4rem;font-weight:500;line-height:1.7rem;text-transform:uppercase}.details__summary .summary__inner .icon-plus{transition:transform .3s ease;transform:rotate(0);pointer-events:none}.details__content{display:flex;flex-flow:column;width:100%;max-width:690px;height:0;margin:0 auto;padding:0;cursor:default;transition:height .3s ease}.details__content .content__inner{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;visibility:hidden;padding:var(--spacing-2x) 0 var(--spacing-3x);transition:transform .3s .3s ease,visibility .3s ease,opacity .3s .3s ease;transition-property:opacity,transform;transform:translate3d(0,-10%,0);opacity:0}.details__content .content__inner p,.details__content .content__inner h6{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem}.details__content .content__inner .spec-card{display:flex;flex-flow:column;margin-bottom:var(--spacing-4x);grid-gap:12px;gap:12px}.details.js-open .details__summary .summary__inner{grid-template-columns:25px auto auto}.details.js-open .details__summary .summary__inner .icon-plus{transform:rotate(45deg)}.details.js-open .details__content{height:auto}.details.js-open .details__content .content__inner{visibility:visible;padding:var(--spacing-2x) 0 var(--spacing-3x);transition:transform .3s .3s ease,visibility .3s ease,opacity .3s .3s ease;transform:translateZ(0);opacity:1}
/*# sourceMappingURL=/cdn/shop/t/38/assets/extender-surf-details.css.map */