.san-flowchart{position:relative;padding-top:var(--sfc-pad-top, 60px);padding-bottom:var(--sfc-pad-bottom, 80px);background:rgb(var(--color-background))}.san-flowchart__inner{width:100%;max-width:var(--sfc-max-width, 900px);margin:0 auto;padding:0 24px}.san-flowchart__heading{text-align:center;margin:0 0 var(--sfc-heading-margin, 45px);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(70px,10vw,var(--sfc-heading-size, 122px));letter-spacing:-.02em;line-height:.95;color:var(--sfc-text-color, #F9F9F9)}.san-flowchart__scroll-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.san-flowchart__scroll-wrapper::-webkit-scrollbar{height:3px}.san-flowchart__scroll-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.san-flowchart__diagram{position:relative;min-width:740px;width:100%}.san-flowchart__row{display:flex;justify-content:center}.san-flowchart__row--top,.san-flowchart__row--mid{gap:60px}.san-flowchart__svg-row{display:flex;justify-content:center;width:100%}.san-flowchart__svg{display:block;width:700px;height:auto}.san-flowchart__svg--top-to-mid{height:50px}.san-flowchart__svg--merge{height:120px}.san-flowchart__svg--to-bottom{height:60px}.san-flowchart__card{background:rgba(249,249,249,var(--sfc-card-opacity, .25));backdrop-filter:blur(var(--sfc-blur, 7.5px));-webkit-backdrop-filter:blur(var(--sfc-blur, 7.5px));border:1px solid var(--sfc-card-border, rgba(249, 249, 249, .15));border-radius:var(--sfc-card-radius, 15px);padding:24px 32px;width:320px}.san-flowchart__card--welcome{width:700px;text-align:center;padding:28px 50px}.san-flowchart__card--bottom{width:360px;text-align:center;padding:26px 40px}.san-flowchart__card-title,.san-flowchart__card-subtitle,.san-flowchart__card-body{font-family:var(--font-mono-family, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)!important;-webkit-font-smoothing:antialiased}.san-flowchart__card-title{margin:0 0 10px;font-weight:800;font-size:17px;letter-spacing:.03em;text-transform:uppercase;color:var(--sfc-text-color, #F9F9F9);white-space:nowrap}.san-flowchart__card-subtitle{margin:0 0 12px;font-weight:400;font-size:16px;color:var(--sfc-text-color, #F9F9F9);opacity:.9}.san-flowchart__card-body{margin:0;font-weight:400;font-size:15px;line-height:1.35;color:var(--sfc-text-color, #F9F9F9);opacity:.9;white-space:pre-line}.san-flowchart__card--welcome .san-flowchart__card-title{font-size:18px;margin-bottom:6px}.san-flowchart__card--welcome .san-flowchart__card-body{font-size:14px}.san-flowchart__card--bottom .san-flowchart__card-title{font-size:16px;margin-bottom:12px}.san-flowchart__card--bottom .san-flowchart__card-body{font-size:14px}@media(min-width:750px){.san-flowchart__diagram{min-width:auto}}@media(max-width:749px){.san-flowchart__inner{padding:0 16px}.san-flowchart__scroll-wrapper{margin:0 -16px;padding:0 16px}}.san-flowchart__mobile{display:none}@media(max-width:989px){.san-flowchart__desktop{display:none}.san-flowchart__mobile{display:block}}.san-flowchart__tabs{border:1px solid rgba(249,249,249,.25);box-sizing:border-box;max-width:500px;display:flex;justify-content:center;gap:0;margin-bottom:24px;background:var(--sfc-tab-inactive-bg, #3d3d3d);border-radius:8px;padding:4px;max-width:380px;margin-left:auto;margin-right:auto}.san-flowchart__tab{flex:1;padding:10px 16px;border:none;border-radius:6px;background:transparent;color:var(--sfc-text-color, #F9F9F9);font-family:var(--font-mono-family, "JetBrains Mono", ui-monospace, monospace);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}.san-flowchart__tab:hover{opacity:.9}.san-flowchart__tab--active{background:var(--sfc-tab-active-bg, #e544d3);color:#fff}.san-flowchart__flow{display:none;flex-direction:column;align-items:center;padding:0}.san-flowchart__flow--active{display:flex}.san-flowchart__card--mobile{box-sizing:border-box;max-width:500px;width:100%;max-width:380px;text-align:center;padding:20px 24px}.san-flowchart__card--mobile .san-flowchart__card-title{white-space:normal;font-size:15px;margin-bottom:8px}.san-flowchart__card--mobile .san-flowchart__card-body{font-size:14px;line-height:1.45}.san-flowchart__arrow{display:flex;justify-content:center;padding:0;height:50px}.san-flowchart__arrow svg{display:block;width:12px;height:100%;overflow:visible}@media(max-width:989px){.san-flowchart__heading{margin-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/255/assets/section-san-flowchart.css.map */