smart-battery-system.smart-battery-system{display:block}.smart-battery-system{--sbs-text: #ffffff;--sbs-muted: rgba(255, 255, 255, .6);--sbs-tab-inactive: #9b9b9b;--sbs-thumb-label: #dcdcdc;--sbs-border-muted: rgba(255, 255, 255, .3);--sbs-hero-stroke-mo: rgba(255, 255, 255, .1);--sbs-tab-rule: #5d5d5d;--sbs-inner-max: 1200px;--sbs-header-gap: 64px;--sbs-hero-thumb-gap: 32px;--sbs-hero-radius-pc: 16px;--sbs-hero-radius-mo: 8.116px;--sbs-hero-h-pc: 500px;--sbs-thumb-gap: 12px;--sbs-thumb-radius: 8px;--sbs-font: Barlow, var(--heading-font-family, system-ui), sans-serif;color:var(--sbs-text)}.smart-battery-system__inner{max-width:var(--sbs-inner-max);margin-inline:auto}.smart-battery-system__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;max-width:862px;margin-inline:auto;margin-block-end:40px}@media screen and (max-width:719px){.smart-battery-system__header{margin-block-end:20px}}@media screen and (min-width:720px){.smart-battery-system__header{margin-block-end:var(--sbs-header-gap)}}.smart-battery-system__title{margin:0;font-family:var(--sbs-font);font-weight:700;line-height:1.1666666667;color:var(--sbs-text);display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width:720px){.smart-battery-system__title{line-height:1.2}}.smart-battery-system__title-line{display:block}.smart-battery-system__stage{display:flex;flex-direction:column;gap:0}@media screen and (max-width:719px){.smart-battery-system__heroes{order:1}.smart-battery-system__nav-tabs{order:2}.smart-battery-system__mo-copies{order:3}.smart-battery-system__nav-thumbs{order:4}}@media screen and (min-width:720px){.smart-battery-system__heroes{order:1}.smart-battery-system__nav-thumbs{order:2}.smart-battery-system__nav-tabs{order:3}.smart-battery-system__mo-copies{order:4;display:none}.smart-battery-system__stage{gap:var(--sbs-hero-thumb-gap)}}.smart-battery-system__panel[hidden]{display:none!important}.smart-battery-system__hero{position:relative;width:100%;height:auto;min-height:0;border-radius:var(--sbs-hero-radius-mo);overflow:hidden;box-sizing:border-box;border:1px solid var(--sbs-hero-stroke-mo);background:#020101}@media screen and (min-width:720px){.smart-battery-system__hero{height:var(--sbs-hero-h-pc);min-height:var(--sbs-hero-h-pc);border-radius:var(--sbs-hero-radius-pc);border:none}}.smart-battery-system__hero-stack{position:absolute;top:0;right:0;bottom:0;left:0}.smart-battery-system__hero-stack .smart-battery-system__hero-img{width:100%;height:100%;display:block;object-fit:cover}.smart-battery-system__hero-stack picture,.smart-battery-system__hero-stack img{width:100%;height:100%;display:block}.smart-battery-system__hero-stack picture img{object-fit:cover}.smart-battery-system__hero-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.smart-battery-system__hero-layer picture,.smart-battery-system__hero-layer img{width:100%;height:100%;display:block}.smart-battery-system__hero-layer picture img{object-fit:cover}.smart-battery-system__hero-fade{position:absolute;left:0;right:0;bottom:0;height:37%;background:linear-gradient(0deg,#000,#0000);pointer-events:none}@media screen and (max-width:719px){.smart-battery-system__hero-fade{height:24.4%;background:linear-gradient(180deg,#0000,#0006)}}.smart-battery-system__hero-stats--mo{display:none}@media screen and (max-width:719px){.smart-battery-system__hero-stats--mo{display:flex;flex-direction:column;align-items:flex-end;gap:10.144928px;position:absolute;top:16px;right:5px;z-index:3;max-width:72px;pointer-events:none}.smart-battery-system__hero-stat-block{display:flex;flex-direction:column;align-items:flex-end;gap:6.0869565px;text-align:right}.smart-battery-system__hero-stat-value{margin:0;font-family:var(--sbs-font);font-weight:700;font-size:20.289856px;line-height:1.2;letter-spacing:0;color:#ff9139;background-image:linear-gradient(90deg,#ffa54d,#ff9139);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.smart-battery-system__hero-stat-label{margin:0;font-family:var(--sbs-font);font-weight:500;font-size:8.115942px;line-height:1.2;color:#fff;white-space:nowrap}}.smart-battery-system__copy--pc{display:none}@media screen and (min-width:720px){.smart-battery-system__copy--pc{display:flex;flex-direction:column;gap:16px;position:absolute;left:32px;bottom:32px;max-width:640px;z-index:2;text-align:left}}.smart-battery-system__copy-title{margin:0;font-family:var(--sbs-font);font-weight:700;font-size:28px;line-height:1.2;color:var(--sbs-text);max-width:515px}.smart-battery-system__copy-body{margin:0;font-family:var(--sbs-font);font-weight:500;font-size:16px;line-height:1.2;color:var(--sbs-text);max-width:640px}.smart-battery-system__copy-body p{margin:0}.smart-battery-system__hero:before{content:"";display:block;padding-bottom:calc(270 / 350 * 100%)}@media screen and (min-width:720px){.smart-battery-system__hero:before{display:none}}.smart-battery-system__mo-copies{width:100%}@media screen and (max-width:719px){.smart-battery-system__mo-copies{margin-block-start:30px}}.smart-battery-system__copy--mo{display:flex;flex-direction:column;gap:18px;margin-block-start:0;text-align:center}@media screen and (min-width:720px){.smart-battery-system__copy--mo{display:none}}.smart-battery-system__copy--mo .smart-battery-system__copy-title{max-width:none;font-size:24px;line-height:1.2;margin-inline:auto;font-weight:700}.smart-battery-system__copy--mo .smart-battery-system__copy-body{max-width:none;font-size:14px;line-height:1.1428571429;color:var(--sbs-muted);font-weight:500}.smart-battery-system__nav-thumbs{display:none}@media screen and (min-width:720px){.smart-battery-system__nav-thumbs{display:flex;flex-direction:row;gap:var(--sbs-thumb-gap);width:100%}}.smart-battery-system__thumb{flex:0 0 calc((100% - 3 * var(--sbs-thumb-gap)) / 4);width:calc((100% - 3 * var(--sbs-thumb-gap)) / 4);max-width:calc((100% - 3 * var(--sbs-thumb-gap)) / 4);height:120px;padding:0;margin:0;border:1px solid var(--sbs-border-muted);border-radius:var(--sbs-thumb-radius);background:#020101;cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;appearance:none;-webkit-appearance:none}.smart-battery-system__thumb.is-active{border-color:#fff}.smart-battery-system__thumb-media{position:absolute;top:0;right:0;bottom:0;left:0}.smart-battery-system__thumb-media picture,.smart-battery-system__thumb-media img{width:100%;height:100%;display:block}.smart-battery-system__thumb-media picture img{object-fit:cover}.smart-battery-system__thumb-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;pointer-events:none}.smart-battery-system__thumb.is-active .smart-battery-system__thumb-shade{opacity:0}.smart-battery-system__thumb-label{position:absolute;left:12px;right:12px;bottom:16px;margin:0;font-family:var(--sbs-font);font-weight:700;font-size:18px;line-height:1.2;text-align:center;color:var(--sbs-thumb-label);text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}.smart-battery-system__thumb.is-active .smart-battery-system__thumb-label{color:#fff}.smart-battery-system__nav-tabs{display:block;margin-block-start:18px;width:100%}@media screen and (min-width:720px){.smart-battery-system__nav-tabs{display:none}}.smart-battery-system__tab-row{display:flex;flex-direction:row;align-items:flex-start;gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block-end:6px;padding-inline:2px}.smart-battery-system__tab-row::-webkit-scrollbar{display:none}.smart-battery-system__tab{flex:0 0 auto;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:var(--sbs-font);font-weight:500;font-size:14px;line-height:1.2;color:var(--sbs-tab-inactive);white-space:nowrap;position:relative;padding-block-end:6px}.smart-battery-system__tab[aria-selected=true]{color:#fff}.smart-battery-system__tab-rule{position:relative;height:.5px;background:var(--sbs-tab-rule);margin-block-start:0;width:100%}.smart-battery-system__tab-indicator{position:absolute;left:0;top:0;margin-top:-.5px;height:1.5px;background:#fff;width:0;transition:left .35s cubic-bezier(.22,.61,.36,1),width .35s cubic-bezier(.22,.61,.36,1);box-shadow:0 0 6px #ffffff8c,0 0 14px #ff913940;pointer-events:none}@keyframes sbs-panel-enter{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes sbs-rise{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sbs-ken-burns{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes sbs-layer-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes sbs-thumb-glow{0%,to{box-shadow:0 0 #ff913973,0 10px 30px -14px #0009}50%{box-shadow:0 0 0 6px #ff913900,0 10px 30px -14px #0009}}.smart-battery-system__hero-panel{transform-origin:center}.smart-battery-system__hero-panel:not([hidden]){animation:sbs-panel-enter .52s cubic-bezier(.22,.61,.36,1) both}.smart-battery-system__hero-stack img{animation:sbs-ken-burns 22s ease-in-out infinite;will-change:transform}.smart-battery-system__hero-layer{animation:sbs-layer-drift 8s ease-in-out infinite;will-change:transform}.smart-battery-system__hero-layer+.smart-battery-system__hero-layer{animation-duration:10s;animation-delay:-3s}.smart-battery-system__hero-panel:not([hidden]) .smart-battery-system__copy--pc{animation:sbs-rise .62s cubic-bezier(.22,.61,.36,1) .12s both}.smart-battery-system__hero-panel:not([hidden]) .smart-battery-system__hero-stats--mo{animation:sbs-rise .52s cubic-bezier(.22,.61,.36,1) .14s both}.smart-battery-system__copy--mo:not([hidden]){animation:sbs-rise .46s cubic-bezier(.22,.61,.36,1) both}.smart-battery-system__thumb{transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}.smart-battery-system__thumb-media,.smart-battery-system__thumb-media picture img{transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}.smart-battery-system__thumb-shade{transition:opacity .4s ease,background-color .4s ease}.smart-battery-system__thumb-label{transition:color .3s ease,transform .35s ease}@media(hover:hover)and (pointer:fine){.smart-battery-system__thumb:hover{border-color:#ffffff8c;transform:translateY(-2px)}.smart-battery-system__thumb:hover .smart-battery-system__thumb-media picture img{transform:scale(1.05)}.smart-battery-system__thumb:hover .smart-battery-system__thumb-shade{background-color:#00000073}.smart-battery-system__thumb:hover .smart-battery-system__thumb-label{color:#fff}}.smart-battery-system__thumb:focus-visible{outline:2px solid #ffa54d;outline-offset:2px}.smart-battery-system__thumb.is-active{animation:sbs-thumb-glow 2.6s ease-in-out infinite}.smart-battery-system__thumb.is-active .smart-battery-system__thumb-media picture img{transform:scale(1.04)}.smart-battery-system__tab{transition:color .25s ease,transform .2s ease}.smart-battery-system__tab:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.smart-battery-system,.smart-battery-system *,.smart-battery-system *:before,.smart-battery-system *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/smart-battery-system.css.map */