@layer base{.sa-why-count{--sa-why-count-overlay-from: rgba(87, 83, 79, .41);--sa-why-count-overlay-to: rgba(0, 0, 0, 0);--sa-why-count-card-bg: rgba(255, 255, 255, .1);--sa-why-count-card-radius: 5.208px;--sa-why-count-card-shadow: 0 1.042px 7.813px 0 rgba(0, 0, 0, .15);--sa-why-count-value-size: clamp(17.981px, 2.222vw, 20px);--sa-why-count-desc-size: 15px;--sa-why-count-list-gap-pc: 32px;--sa-why-count-list-gap-mb: 8px;--sa-why-count-inner-padding-x-mb: 15px;--sa-why-count-inner-padding-x-pc: 24px;--sa-why-count-item-padding-pc: 25px;--sa-why-count-item-padding-mb: clamp(14px, 4.583vw, 22px);--sa-why-count-item-min-height-mb: clamp(58px, 15.417vw, 74px);--sa-why-count-item-icon-text-gap-pc: 41px;--sa-why-count-item-icon-text-gap-mb: clamp(12px, 3.75vw, 18px);--sa-why-count-item-value-desc-gap: 8px;--sa-why-count-value-size-mb: clamp(14px, 3.75vw, 18px);--sa-why-count-desc-size-mb: clamp(12px, 3.125vw, 15px);display:block;position:relative;overflow:hidden;isolation:isolate;color:#fff;background-color:#fff}@media(max-width:768px){.sa-why-count{min-height:133.333vw}}@media(min-width:769px){.sa-why-count{min-height:56.25vw}}}@layer components{.sa-why-count__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sa-why-count__bg-pc{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.sa-why-count__bg-mobile{position:absolute;top:0;right:0;bottom:0;left:0}@media(min-width:769px){.sa-why-count__bg-pc{display:block}.sa-why-count__bg-mobile{display:none}}@media(max-width:768px){.sa-why-count__bg-pc{display:none}}.sa-why-count__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.sa-why-count__bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6b6b6b,#4a4a4a)}.sa-why-count__overlay{position:absolute;top:0;left:0;width:100%;height:clamp(200px,33vh,290px);background:linear-gradient(to bottom,var(--sa-why-count-overlay-from) 0%,var(--sa-why-count-overlay-to) 100%);pointer-events:none}.sa-why-count .cs-section-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0 auto 40px;max-width:min(943px,65.486vw)}.sa-why-count .cs-section-header .section-heading,.sa-why-count .cs-section-header .section-heading h2,.sa-why-count .cs-section-header .section-heading h3{color:var(--sa-why-count-heading-color-mb, #fff)}.sa-why-count .cs-section-header .section-sub-heading{color:var(--sa-why-count-sub-heading-color-mb, #fff)}@media(min-width:769px){.sa-why-count .cs-section-header .section-heading,.sa-why-count .cs-section-header .section-heading h2,.sa-why-count .cs-section-header .section-heading h3{color:var(--sa-why-count-heading-color-pc, #fff)}.sa-why-count .cs-section-header .section-sub-heading{color:var(--sa-why-count-sub-heading-color-pc, #fff)}}@media(max-width:768px){.sa-why-count .cs-section-header{align-items:flex-start;gap:12px;margin:0 auto 24px;max-width:100%}}.sa-why-count__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(42px,4.444vw,64px) var(--sa-why-count-inner-padding-x-mb) calc(var(--sa-why-count-block-bottom-offset-mb, 3) * 1%);box-sizing:border-box;min-height:inherit}@media(min-width:769px){.sa-why-count__inner{padding-left:var(--sa-why-count-inner-padding-x-pc);padding-right:var(--sa-why-count-inner-padding-x-pc)}}@media(min-width:1024px){.sa-why-count__inner{padding-bottom:calc(var(--sa-why-count-block-bottom-offset-md, 3) * 1%)}}@media(min-width:1440px){.sa-why-count__inner{padding-bottom:calc(var(--sa-why-count-block-bottom-offset-lg, 3) * 1%)}}@media(min-width:1760px){.sa-why-count__inner{padding-bottom:calc(var(--sa-why-count-block-bottom-offset-xl, 3) * 1%)}}.sa-why-count__list{margin-top:auto;display:flex;flex-direction:column;gap:var(--sa-why-count-list-gap-mb);width:100%;max-width:432px}@media(min-width:769px){.sa-why-count__list{flex-direction:row;justify-content:center;gap:var(--sa-why-count-list-gap-pc);max-width:100%;margin-top:0}}.sa-why-count__item{display:flex;align-items:center;gap:var(--sa-why-count-item-icon-text-gap-mb);padding:var(--sa-why-count-item-padding-mb);background:var(--sa-why-count-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--sa-why-count-card-radius);box-shadow:var(--sa-why-count-card-shadow);min-height:var(--sa-why-count-item-min-height-mb);box-sizing:border-box}@media(min-width:769px){.sa-why-count__item{flex-direction:column;align-items:flex-start;gap:var(--sa-why-count-item-icon-text-gap-pc);width:308px;min-width:308px;min-height:175px;padding:var(--sa-why-count-item-padding-pc)}}.sa-why-count__item-icon{flex-shrink:0;width:var(--sa-why-count-icon-width-mb, 20px);height:var(--sa-why-count-icon-height-mb, 24px)}@media(min-width:769px){.sa-why-count__item-icon{width:var(--sa-why-count-icon-width-pc, 20px);height:var(--sa-why-count-icon-height-pc, 24px)}}.sa-why-count__item-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.sa-why-count__item-text{display:flex;flex-direction:column;gap:var(--sa-why-count-item-value-desc-gap);min-width:0}@media(max-width:768px){.sa-why-count__item-text{flex-direction:row;align-items:baseline;gap:24px;flex-wrap:wrap}}.sa-why-count__item-value{font-size:var(--sa-why-count-value-size-mb);line-height:1.2;font-weight:600;margin:0}.sa-why-count__item-desc{font-size:var(--sa-why-count-desc-size-mb);line-height:1.2;font-weight:400;margin:0}@media(min-width:769px){.sa-why-count__item-value{font-size:var(--sa-why-count-value-size)}.sa-why-count__item-desc{font-size:var(--sa-why-count-desc-size)}}}@layer utilities{.sa-why-count .sa-why-count__item:only-child{max-width:100%}@media(min-width:769px){.sa-why-count .sa-why-count__item:only-child{max-width:308px}}}.sa-why-count .sa-why-count__item-value,.sa-why-count .sa-why-count__item-desc{margin:0}.sa-why-count .section-heading,.sa-why-count .section-heading h2,.sa-why-count .section-heading h3{font-size:clamp(32px,2.778vw,40px);line-height:1.2;font-weight:400;margin:0;color:var(--sa-why-count-heading-color-mb, #fff)}.sa-why-count .section-sub-heading{font-size:clamp(16px,1.389vw,20px);line-height:1.5;margin:0;color:var(--sa-why-count-sub-heading-color-mb, #fff)}@media(min-width:769px){.sa-why-count .section-heading,.sa-why-count .section-heading h2,.sa-why-count .section-heading h3{color:var(--sa-why-count-heading-color-pc, #fff)}.sa-why-count .section-sub-heading{color:var(--sa-why-count-sub-heading-color-pc, #fff)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sa-why-count.css.map */