.purpose-nav{background:#00669908;padding:3rem 1.5rem}.purpose-nav[data-column="1"]{max-width:60rem;margin:0 auto}.purpose-index{background:linear-gradient(90deg,#cde 50%,transparent 50%) left top / 4px 1px repeat-x;list-style:none;padding:0;margin:0}.purpose-item{background:linear-gradient(90deg,#cde 50%,transparent 50%) left bottom / 4px 1px repeat-x}.purpose-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.4rem;line-height:1.4;color:inherit;padding:1rem}.purpose-link>*{transition:.2s linear}.purpose-label{flex:1}.purpose-link .icon{width:2.4rem;color:var(--corp);stroke-width:2}.purpose-number{flex-basis:2em;font-size:1.8rem;font-weight:700;text-align:center;color:var(--corp)}.purpose-link:hover>*{color:var(--hover)}.purpose-link:hover .icon{transform:translate(.2rem)}.purpose-summary{padding-right:1.5rem}.purpose-summary:after{content:"";display:block;width:1em;height:1em;background:linear-gradient(var(--corp),var(--corp)) center center / 100% 2px no-repeat,linear-gradient(var(--corp),var(--corp)) center center / 2px 100% no-repeat;transition:.2s linear}.purpose-summary:hover:after{background:linear-gradient(var(--hover),var(--hover)) center center / 100% 2px no-repeat,linear-gradient(var(--hover),var(--hover)) center center / 2px 100% no-repeat;transform:scale(1.1)}[open] .purpose-summary:after{background-size:100% 2px,2px 0}.purpose-child .links{list-style:none;padding:0;margin:0}.purpose-child .purpose-item{background:none;border-top:1px solid rgba(0,102,153,.05)}.purpose-child .purpose-link{padding-left:2em}@media (min-width: 750px){.purpose-nav{padding:5rem}[data-column="2"] .purpose-index{column-count:2;column-gap:4rem;background:repeating-linear-gradient(90deg,#cde,#cde 2px,transparent 2px,transparent 4px) right top / calc(50% - 20px) 1px no-repeat,repeating-linear-gradient(90deg,#cde,#cde 2px,transparent 2px,transparent 4px) left top / calc(50% - 20px) 1px no-repeat}}.purpose-container{display:flex;flex-direction:column;gap:5rem}.purpose-sidebar .purpose-nav:before{content:attr(data-title);display:block;color:var(--corp);font-size:1.6rem;font-weight:700;margin-bottom:1rem}@media (min-width: 750px){.purpose-container{flex-direction:row-reverse}.purpose-content{flex:1}.purpose-sidebar{width:30rem}.purpose-sidebar .purpose-nav{position:sticky;top:1.5rem;padding:2rem}.sticky-always .purpose-sidebar .purpose-nav{top:9.65rem}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/purpose.css.map */