@layer base{sa-why-resources.sa-why-resources{--sa-why-resources-card-gap: 24px;--sa-why-resources-card-radius: 8px;--sa-why-resources-card-bg: #ffffff;--sa-why-resources-card-text-size: 24px;--sa-why-resources-card-text-line: 1.5;--sa-why-resources-controls-gap: 10px;--sa-why-resources-progress-height: 1px;--sa-why-resources-progress-bg: rgba(0, 0, 0, .6);--sa-why-resources-progress-fill: #61f88e;display:block;max-width:100%;overflow-x:hidden;contain:layout paint}}@layer components{.sa-why-resources .cs-section-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.sa-why-resources .section-heading h2,.sa-why-resources .section-heading h3{font-size:clamp(28px,2.778vw,40px);line-height:1.2;font-weight:400;margin:0}.sa-why-resources .section-sub-heading{font-size:clamp(16px,1.389vw,20px);line-height:1.5;max-width:clamp(500px,53.472vw,770px);margin:0 auto}.sa-why-resources__carousel{--columns-desktop: 3;--cards-per-view: var(--columns-desktop);--card-min-width: 240px;position:relative;padding-bottom:50px}.sa-why-resources__track{display:flex;flex-wrap:nowrap;gap:var(--sa-why-resources-card-gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.sa-why-resources__track::-webkit-scrollbar{display:none}.sa-why-resources__card{flex:0 0 max(var(--card-min-width),calc((100% - (var(--cards-per-view) - 1) * var(--sa-why-resources-card-gap)) / var(--cards-per-view)));min-width:0;scroll-snap-align:start;background:var(--sa-why-resources-card-bg);border-radius:var(--sa-why-resources-card-radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #CCCCCC}.sa-why-resources__card-img{width:100%;aspect-ratio:1 / 1;overflow:hidden;flex-shrink:0}.sa-why-resources__card-img img{width:100%;height:100%;object-fit:cover;display:block}.sa-why-resources__card-text{padding:16px 12px 12px;font-size:var(--sa-why-resources-card-text-size);line-height:var(--sa-why-resources-card-text-line);margin:0;flex:1}.sa-why-resources__card-text p{margin:0}.sa-why-resources__controls{position:absolute;right:0;bottom:0;width:211px;display:flex;align-items:center;justify-content:flex-end;gap:var(--sa-why-resources-controls-gap)}.sa-why-resources__carousel[data-has-overflow=false] .sa-why-resources__controls{display:none}.sa-why-resources__btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;margin:0;transition:opacity .3s ease;flex-shrink:0}.sa-why-resources__btn svg{width:6px;height:11px;color:#000;display:block;transition:color .3s ease}.sa-why-resources__btn:hover svg{color:#61f88e}.sa-why-resources__btn:disabled{opacity:.3;cursor:not-allowed}.sa-why-resources__progress{flex:1;max-width:200px;height:var(--sa-why-resources-progress-height);background:var(--sa-why-resources-progress-bg);position:relative;border-radius:1px;overflow:hidden}.sa-why-resources__progress-bar{position:absolute;left:0;top:0;height:100%;background:var(--sa-why-resources-progress-fill);border-radius:2px;width:0%;transition:width .1s linear}}@layer utilities{@media(max-width:768px){sa-why-resources.sa-why-resources{padding-bottom:0}.sa-why-resources .cs-section-header{align-items:flex-start;margin-bottom:24px}.sa-why-resources .section-sub-heading{max-width:100%}.sa-why-resources__carousel{--cards-per-view: 1;--sa-why-resources-card-gap: 16px;--card-min-width: calc(100vw - 84px) ;padding-bottom:44px}.sa-why-resources__card-img{aspect-ratio:1 / 1}.sa-why-resources__card-text{padding:14px;font-size:22px}.sa-why-resources__controls{width:50%;margin-left:auto}.sa-why-resources__btn svg{width:5px;height:9px}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sa-why-resources.css.map */