dna-product-diagram{display:flex;width:100%;flex-direction:column}@media screen and (min-width: 769px){dna-product-diagram{flex-direction:row;width:100%}}.product-diagram__images{width:100%;position:relative}@media screen and (min-width: 769px){.product-diagram__images{flex-basis:50%;overflow:hidden}}.product-diagram__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s,transform .5s;transform:scale(1);transform-origin:center center}.product-diagram__image.is-active{opacity:1;transform:scale(1.05)}.product-diagram__images-container{position:relative;width:100%;padding-bottom:100%;background-color:var(--dna-color-sandstone);overflow:hidden}.product-diagram__content{flex-basis:50%;overflow:hidden;background-color:var(--dna-color-sandstone);display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--dna-color-midnight)}@media screen and (min-width: 1024px){.product-diagram__content{width:50%}}.product-diagram__content-wrapper{width:100%}@media screen and (min-width: 769px) and (max-width: 980px){.product-diagram__content-wrapper{padding-left:10px;padding-right:10px}}@media screen and (min-width: 981px){.product-diagram__content-wrapper{padding-left:70px;padding-right:55px}}@media screen and (min-width: 980px){.product-diagram__content-wrapper{width:480px;padding-left:0;padding-right:0}}.product-diagram__content-heading--mobile{display:block;padding-bottom:var(--dna-space-6);padding-top:var(--dna-space-10);background-color:var(--dna-color-sandstone);text-align:center}@media screen and (min-width: 769px){.product-diagram__content-heading--mobile{display:none}}.product-diagram__content-heading--desktop{display:none}@media screen and (min-width: 769px){.product-diagram__content-heading--desktop{display:block}}.product-diagram__content-heading{font:var(--dna-body-font);text-transform:capitalize;letter-spacing:2px}@media screen and (min-width: 769px) and (max-width: 980px){.product-diagram__content-heading{margin-left:20px}}.product-diagram__content ul{list-style-type:circle;list-style-position:outside;padding-left:var(--dna-space-6);margin:var(--dna-space-4) var(--dna-space-6) var(--dna-space-4) var(--dna-space-6)}@media screen and (min-width: 376px) and (max-width: 768px){.product-diagram__content ul{margin-left:var(--dna-space-6);margin-right:var(--dna-space-6)}}@media screen and (min-width: 1024px){.product-diagram__content ul{margin:var(--dna-space-10) 0 0 0;list-style-position:unset;padding-left:0;text-indent:0;margin-left:var(--dna-space-7)}}.product-diagram__content-list{font:var(--dna-h3-font);position:relative}@media screen and (max-width: 768px){.product-diagram__content-list{font:var(--dna-h4-font);position:relative}}.product-diagram__content-list:not(:last-child){margin-bottom:var(--dna-space-4)}@media screen and (min-width: 768px){.product-diagram__content-list{font:var(--dna-h4-font);padding-left:var(--dna-space-3)}}@media screen and (min-width: 1025px){.product-diagram__content-list:not(:last-child){margin-bottom:var(--dna-space-10)}}.product-diagram__content li.is-active{list-style-type:disc}@media screen and (min-width: 1024px){.product-diagram__content-list-head{position:relative}}.product-diagram__content-list-subhead{font:var(--dna-body-p2-font);position:relative;margin-left:0;margin-top:var(--dna-space-2);opacity:0;height:0;overflow:hidden;transition:opacity .5s,height .5s;text-indent:0;display:block}@media screen and (max-width: 768px){.product-diagram__content-list-subhead{font:var(--dna-body-p3-font)}}@media screen and (min-width: 1024px){.product-diagram__content-list-subhead{font:var(--dna-body-p1-font)}}.product-diagram__content-list-subhead.is-active{opacity:1;overflow:hidden;height:48px;display:block}@media screen and (max-width: 768px){.product-diagram__content-list-subhead.is-active{height:36px}}.product-diagram__content li.is-active .product-diagram__content-list-subhead{display:block}
/*# sourceMappingURL=/cdn/shop/t/1170/assets/section-product-diagram.css.map */