.scroll-accordion{--sa-row: 67px;--sa-header-offset: 0px;--sa-ease: cubic-bezier(.16, 1, .3, 1);position:relative;background-color:var(--color-background);color:var(--color-foreground)}.sa__header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:60px}.sa__subheading{margin-top:12px;max-width:640px}.sa__stack{position:relative;z-index:1;display:flex;flex-direction:column}.sa__card{position:sticky;top:var(--sa-top, calc(var(--sa-header-offset) + var(--sa-index, 0) * var(--sa-row)));display:flex;flex-direction:column;padding:20px 0 50px;background-color:var(--color-background);border-top:1px solid var(--color-foreground)}.sa__card:first-child{border-top:0}.sa__title{display:block;width:fit-content;transform-origin:0 0}.sa__title-link{color:inherit}.sa__title-text{display:inline-flex;align-items:center;gap:12px}.sa__pill{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:28px;padding:4px 16px;overflow:hidden;border-radius:999px;background-color:var(--color-black);color:var(--color-white);opacity:0;visibility:hidden;transform-origin:0 50%;transition:background-color .5s ease}.sa__pill-icon{display:inline-block;transition:transform .5s cubic-bezier(.65,0,.35,1)}.sa__pill-icon svg{width:15px;height:15px}.sa__title-link:hover .sa__pill{background-color:var(--color-charcoal-gray)}.sa__title-link:hover .sa__pill-icon,.sa__title-link:focus-visible .sa__pill-icon{transform:rotate(45deg)}.sa__title-link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.sa__body{min-width:0;margin-top:16px;overflow:hidden}.sa__grid{display:grid;grid-template-columns:minmax(0,1fr);justify-content:space-between;gap:20px}.sa__desc{min-width:0}.sa__desc p+p{margin-top:1em}.sa__list{display:flex;flex-direction:column;width:100%;min-width:0;margin:0;padding:0;list-style:none}.sa__list li{margin:0}.sa__service{position:relative;display:flex;align-items:center;gap:16px;padding:12px 0;overflow:clip;border-bottom:1px solid var(--color-black-10);color:var(--color-foreground);outline:none;transition:padding .5s var(--sa-ease),color .5s var(--sa-ease)}.sa__service:after{content:"";position:absolute;inset-inline:0;bottom:0;z-index:0;height:0;background-color:var(--color-black);transition:height .5s var(--sa-ease)}.sa__service-heading{position:relative;z-index:1;display:flex;flex:1;align-items:center;gap:inherit;min-width:0;color:inherit}.sa__service-num{flex-shrink:0;min-width:2ch;opacity:.4}.sa__service-name{flex:1;min-width:0}.sa__service-arrow{position:relative;z-index:1;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:24px;overflow:hidden;border-radius:999px;background-color:var(--color-black);color:var(--color-white)}.sa__service-arrow svg{width:10px;height:10px}@media screen and (max-width:767px){.sa__service-heading{font-size:var(--font-size-h6);line-height:var(--line-height-h6);letter-spacing:var(--letter-spacing-h6)}}@media screen and (min-width:576px){.sa__header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px}}@media screen and (min-width:640px){.sa__grid{gap:40px}}@media screen and (min-width:768px){.scroll-accordion{--sa-row: 86px}.sa__title-text{gap:16px}.sa__pill{transform:scale(0)}.sa__list{max-width:760px}.sa__service{gap:24px;padding:16px 0}.sa__service-arrow{width:15px;height:15px;border-radius:0;background-color:transparent;color:inherit;opacity:0;transition:opacity .5s var(--sa-ease)}.sa__service-arrow svg{width:100%;height:100%}a.sa__service:focus-visible{padding-inline:24px;color:var(--color-white)}a.sa__service:focus-visible:after{height:100%}a.sa__service:focus-visible .sa__service-arrow{opacity:1}}@media screen and (min-width:769px){.sa__header{margin-bottom:80px}}@media screen and (min-width:768px)and (hover:hover){a.sa__service:hover{padding-inline:24px;color:var(--color-white)}a.sa__service:hover:after{height:100%}a.sa__service:hover .sa__service-arrow{opacity:1}}@media screen and (min-width:1024px){.sa__body{margin-top:32px}.sa__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1280px){.sa__body{margin-top:30px}.sa__grid{gap:200px}.sa__service{gap:32px;padding:24px 0}a.sa__service:focus-visible{padding-inline:32px}}@media screen and (min-width:1280px)and (hover:hover){a.sa__service:hover{padding-inline:32px}}@media(prefers-reduced-motion:reduce){.sa__service,.sa__service:after,.sa__service-arrow,.sa__pill,.sa__pill-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/scroll-accordion.css.map */