@seresweb/website-component 2.3.9 → 2.4.0

package/dist/cjs/horizontal-viewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-0n3E5pgL.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DcjowmgO.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;

package/dist/cjs/image-indicator.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-0n3E5pgL.cjs");exports.ScImageIndicator=e.ScImageIndicator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DcjowmgO.cjs");exports.ScImageIndicator=e.ScImageIndicator;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./accordion-info-panel.cjs"),d=require("./animated-number.cjs"),m=require("./checkbox.cjs"),p=require("./col.cjs"),w=require("./config-provider.cjs"),h=require("./date-picker.cjs"),f=require("./date-select.cjs"),g=require("./drawer.cjs"),q=require("./dropdown.cjs"),I=require("./gradual-highlight.cjs"),r=require("../index-0n3E5pgL.cjs"),P=require("./input.cjs"),b=require("./layz-image.cjs"),l=require("./locales.cjs"),v=require("./parameter-box.cjs"),C=require("./radio.cjs"),D=require("./row.cjs"),x=require("./select.cjs"),y=require("./swiper-showcase.cjs"),V=require("./swiper-vehicle.cjs"),N=require("./tab-indicator.cjs"),z=require("./video.cjs"),k=require("../en-US-DYuJmmdF.cjs"),a="@seresweb/website-component",R=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:n=>{if(!n.startsWith(i))return;const s=n.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),A=`${a}/dist/es/${s}`;let t;const S=c=>{if(c==="scss")return`${a}/dist/scss/${s}.scss`;if(c==="css")return`${a}/dist/css/${s}.css`};if(typeof e=="function"){const c=e(s);c==="css"||c==="scss"?t=S(c):c===!0&&(t=S("css"))}else(e===!0||e==="css"||e==="scss")&&(t=S(e===!0?"css":e));return{name:n,from:A,sideEffects:t?[t]:void 0}}}},H=[u.ScAccordionInfoPanel,d.ScAnimatedNumber,m.ScCheckbox,p.ScCol,w.ScConfigProvider,h.ScDatePicker,f.ScDateSelect,g.ScDrawer,q.ScDropdown,I.ScGradualHighlight,r.ScHorizontalViewer,r.ScImageIndicator,P.ScInput,b.ScLayzImage,l.ScLocales,v.ScParameterBox,C.ScRadio,D.ScRow,x.ScSelect,r.ScSwiperNormal,y.ScSwiperShowcase,V.ScSwiperVehicle,N.ScTabIndicator,z.ScVideo],L={install:o=>(H.forEach(i=>{o.use(i)}),o)};exports.ScAccordionInfoPanel=u.ScAccordionInfoPanel;exports.ScAnimatedNumber=d.ScAnimatedNumber;exports.ScCheckbox=m.ScCheckbox;exports.ScCol=p.ScCol;exports.ScConfigProvider=w.ScConfigProvider;exports.ScDatePicker=h.ScDatePicker;exports.ScDateSelect=f.ScDateSelect;exports.ScDrawer=g.ScDrawer;exports.ScDropdown=q.ScDropdown;exports.ScGradualHighlight=I.ScGradualHighlight;exports.ScHorizontalViewer=r.ScHorizontalViewer;exports.ScImageIndicator=r.ScImageIndicator;exports.ScSwiperNormal=r.ScSwiperNormal;exports.ScInput=P.ScInput;exports.ScLayzImage=b.ScLayzImage;exports.ScLocales=l.ScLocales;exports.arSA=l.arSA;exports.ScParameterBox=v.ScParameterBox;exports.ScRadio=C.ScRadio;exports.ScRow=D.ScRow;exports.ScSelect=x.ScSelect;exports.ScSwiperShowcase=y.ScSwiperShowcase;exports.ScSwiperVehicle=V.ScSwiperVehicle;exports.ScTabIndicator=N.ScTabIndicator;exports.ScVideo=z.ScVideo;exports.enUS=k.enUS;exports.ComponentsResolver=R;exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./accordion-info-panel.cjs"),d=require("./animated-number.cjs"),w=require("./checkbox.cjs"),m=require("./col.cjs"),p=require("./config-provider.cjs"),h=require("./date-picker.cjs"),f=require("./date-select.cjs"),g=require("./drawer.cjs"),q=require("./dropdown.cjs"),I=require("./gradual-highlight.cjs"),r=require("../index-DcjowmgO.cjs"),P=require("./input.cjs"),b=require("./layz-image.cjs"),l=require("./locales.cjs"),v=require("./parameter-box.cjs"),C=require("./radio.cjs"),D=require("./row.cjs"),x=require("./select.cjs"),y=require("./swiper-showcase.cjs"),V=require("./swiper-vehicle.cjs"),N=require("./switch.cjs"),z=require("./tab-indicator.cjs"),A=require("./video.cjs"),R=require("../en-US-DYuJmmdF.cjs"),a="@seresweb/website-component",H=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:s=>{if(!s.startsWith(i))return;const S=s.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),k=`${a}/dist/es/${S}`;let t;const n=c=>{if(c==="scss")return`${a}/dist/scss/${S}.scss`;if(c==="css")return`${a}/dist/css/${S}.css`};if(typeof e=="function"){const c=e(S);c==="css"||c==="scss"?t=n(c):c===!0&&(t=n("css"))}else(e===!0||e==="css"||e==="scss")&&(t=n(e===!0?"css":e));return{name:s,from:k,sideEffects:t?[t]:void 0}}}},L=[u.ScAccordionInfoPanel,d.ScAnimatedNumber,w.ScCheckbox,m.ScCol,p.ScConfigProvider,h.ScDatePicker,f.ScDateSelect,g.ScDrawer,q.ScDropdown,I.ScGradualHighlight,r.ScHorizontalViewer,r.ScImageIndicator,P.ScInput,b.ScLayzImage,l.ScLocales,v.ScParameterBox,C.ScRadio,D.ScRow,x.ScSelect,r.ScSwiperNormal,y.ScSwiperShowcase,V.ScSwiperVehicle,N.ScSwitch,z.ScTabIndicator,A.ScVideo],$={install:o=>(L.forEach(i=>{o.use(i)}),o)};exports.ScAccordionInfoPanel=u.ScAccordionInfoPanel;exports.ScAnimatedNumber=d.ScAnimatedNumber;exports.ScCheckbox=w.ScCheckbox;exports.ScCol=m.ScCol;exports.ScConfigProvider=p.ScConfigProvider;exports.ScDatePicker=h.ScDatePicker;exports.ScDateSelect=f.ScDateSelect;exports.ScDrawer=g.ScDrawer;exports.ScDropdown=q.ScDropdown;exports.ScGradualHighlight=I.ScGradualHighlight;exports.ScHorizontalViewer=r.ScHorizontalViewer;exports.ScImageIndicator=r.ScImageIndicator;exports.ScSwiperNormal=r.ScSwiperNormal;exports.ScInput=P.ScInput;exports.ScLayzImage=b.ScLayzImage;exports.ScLocales=l.ScLocales;exports.arSA=l.arSA;exports.ScParameterBox=v.ScParameterBox;exports.ScRadio=C.ScRadio;exports.ScRow=D.ScRow;exports.ScSelect=x.ScSelect;exports.ScSwiperShowcase=y.ScSwiperShowcase;exports.ScSwiperVehicle=V.ScSwiperVehicle;exports.ScSwitch=N.ScSwitch;exports.ScTabIndicator=z.ScTabIndicator;exports.ScVideo=A.ScVideo;exports.enUS=R.enUS;exports.ComponentsResolver=H;exports.default=$;

package/dist/cjs/swiper-normal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-0n3E5pgL.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DcjowmgO.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;

package/dist/cjs/swiper-vehicle.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},E=["onClick"],y=["innerHTML"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,alt:a.alt},null,8,["class","src","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:z=>p(m),onMouseenter:h,onMouseleave:I},null,46,E))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`),innerHTML:k.value},null,10,y)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const _=u;exports.ScSwiperVehicle=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},E=["onClick"],y=["innerHTML"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,sSrcset:a.sSrcset,alt:a.alt},null,8,["class","src","sSrcset","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:z=>p(m),onMouseenter:h,onMouseleave:I},null,46,E))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`),innerHTML:k.value},null,10,y)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const _=u;exports.ScSwiperVehicle=_;

package/dist/cjs/switch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../_vars-CyrPevgT.cjs"),d=["id","name","disabled","true-value","false-value"],i=e.defineComponent({__name:"switch",props:{modelValue:{type:[Boolean,String,Number]},disabled:{type:Boolean},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},activeColor:{},inactiveColor:{},name:{},id:{},dark:{type:Boolean}},emits:["change","update:modelValue"],setup(n,{emit:s}){const l=n,r=s,o=e.computed(()=>l.modelValue===l.activeValue),u=e.computed(()=>{let a={};return l.activeColor&&o.value&&(a["border-color"]=l.activeColor,a["background-color"]=l.activeColor),l.inactiveColor&&!o.value&&(a["border-color"]=l.inactiveColor,a["background-color"]=l.inactiveColor),a}),c=()=>{if(l.disabled)return;const a=o.value?l.inactiveValue:l.activeValue;r("update:modelValue",a),r("change",a),e.nextTick(()=>{})};return(a,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(t.PREFIX)}-switch`,o.value&&`${e.unref(t.PREFIX)}-switch--checked`,a.disabled&&`${e.unref(t.PREFIX)}-switch--disabled`,a.dark&&`${e.unref(t.PREFIX)}-switch--dark`]),onClick:e.withModifiers(c,["prevent"])},[e.createElementVNode("input",{ref:"input",class:e.normalizeClass(`${e.unref(t.PREFIX)}-switch-input`),type:"checkbox",id:a.id,name:a.name,disabled:a.disabled,onChange:c,"true-value":a.activeValue,"false-value":a.inactiveValue,style:{display:"none"}},null,42,d),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-switch-core`),style:e.normalizeStyle(u.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-switch-action`)},null,2)],6)],2))}});i.install=n=>(n.component("ScSwitch",i),n);const m=i;exports.ScSwitch=m;

package/dist/css/checkbox.css

@@ -1 +1 @@
-.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}
+.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-55%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}

package/dist/css/switch.css

@@ -0,0 +1 @@
+.sc-switch{--sc-switch-on-color: #1054f2;--sc-switch-off-color: #dcdfe6;--sc-switch-knob-color: #fff;--sc-switch-disabled-color: #f5f7fa;--sc-switch-disabled-knob-color: #c0c4cc;display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle;cursor:pointer}.sc-switch--disabled{cursor:not-allowed;opacity:.6}.sc-switch-core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid var(--sc-switch-off-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--sc-switch-off-color);transition:border-color .3s,background-color .3s}.sc-switch-core .sc-switch-action{position:absolute;top:1px;left:1px;border-radius:100%;transition:all .3s;width:16px;height:16px;background-color:var(--sc-switch-knob-color)}.sc-switch--checked .sc-switch-core{border-color:var(--sc-switch-on-color);background-color:var(--sc-switch-on-color)}.sc-switch--checked .sc-switch-core .sc-switch-action{left:100%;margin-left:-17px}

package/dist/es/horizontal-viewer.mjs

@@ -1,4 +1,4 @@
-import { S as e } from "../index-Dzp0ckB8.js";
+import { S as e } from "../index-C8ZHlhiw.js";
 export {
   e as ScHorizontalViewer
 };

package/dist/es/image-indicator.mjs

@@ -1,4 +1,4 @@
-import { a as r } from "../index-Dzp0ckB8.js";
+import { a as r } from "../index-C8ZHlhiw.js";
 export {
   r as ScImageIndicator
 };

package/dist/es/index.mjs

@@ -8,34 +8,35 @@ import { ScDateSelect as h } from "./date-select.mjs";
 import { ScDrawer as w } from "./drawer.mjs";
 import { ScDropdown as x } from "./dropdown.mjs";
 import { ScGradualHighlight as g } from "./gradual-highlight.mjs";
-import { S as y, a as b, b as v } from "../index-Dzp0ckB8.js";
+import { S as y, a as b, b as v } from "../index-C8ZHlhiw.js";
 import { ScInput as I } from "./input.mjs";
 import { ScLayzImage as P } from "./layz-image.mjs";
 import { ScLocales as $ } from "./locales.mjs";
-import { arSA as no } from "./locales.mjs";
+import { arSA as po } from "./locales.mjs";
 import { ScParameterBox as C } from "./parameter-box.mjs";
 import { ScRadio as N } from "./radio.mjs";
 import { ScRow as A } from "./row.mjs";
 import { ScSelect as D } from "./select.mjs";
 import { ScSwiperShowcase as z } from "./swiper-showcase.mjs";
 import { ScSwiperVehicle as L } from "./swiper-vehicle.mjs";
-import { ScTabIndicator as R } from "./tab-indicator.mjs";
-import { ScVideo as V } from "./video.mjs";
-import { e as po } from "../en-US-DRY37Ke3.js";
-const n = "@seresweb/website-component", so = (t = {}) => {
-  const s = t.prefix || "Sc", o = t.importStyle ?? "css";
+import { ScSwitch as R } from "./switch.mjs";
+import { ScTabIndicator as V } from "./tab-indicator.mjs";
+import { ScVideo as k } from "./video.mjs";
+import { e as So } from "../en-US-DRY37Ke3.js";
+const n = "@seresweb/website-component", mo = (t = {}) => {
+  const c = t.prefix || "Sc", o = t.importStyle ?? "css";
   return {
     type: "component",
     resolve: (m) => {
-      if (!m.startsWith(s)) return;
-      const c = m.slice(s.length).replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), f = `${n}/dist/es/${c}`;
+      if (!m.startsWith(c)) return;
+      const s = m.slice(c.length).replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), f = `${n}/dist/es/${s}`;
       let e;
       const i = (r) => {
-        if (r === "scss") return `${n}/dist/scss/${c}.scss`;
-        if (r === "css") return `${n}/dist/css/${c}.css`;
+        if (r === "scss") return `${n}/dist/scss/${s}.scss`;
+        if (r === "css") return `${n}/dist/css/${s}.css`;
       };
       if (typeof o == "function") {
-        const r = o(c);
+        const r = o(s);
         r === "css" || r === "scss" ? e = i(r) : r === !0 && (e = i("css"));
       } else (o === !0 || o === "css" || o === "scss") && (e = i(o === !0 ? "css" : o));
       return {
@@ -45,13 +46,13 @@ const n = "@seresweb/website-component", so = (t = {}) => {
       };
     }
   };
-}, k = [p, a, S, l, d, u, h, w, x, g, y, b, I, P, $, C, N, A, D, v, z, L, R, V], co = {
-  install: (t) => (k.forEach((s) => {
-    t.use(s);
+}, E = [p, a, S, l, d, u, h, w, x, g, y, b, I, P, $, C, N, A, D, v, z, L, R, V, k], io = {
+  install: (t) => (E.forEach((c) => {
+    t.use(c);
   }), t)
 };
 export {
-  so as ComponentsResolver,
+  mo as ComponentsResolver,
   p as ScAccordionInfoPanel,
   a as ScAnimatedNumber,
   S as ScCheckbox,
@@ -74,9 +75,10 @@ export {
   v as ScSwiperNormal,
   z as ScSwiperShowcase,
   L as ScSwiperVehicle,
-  R as ScTabIndicator,
-  V as ScVideo,
-  no as arSA,
-  co as default,
-  po as enUS
+  R as ScSwitch,
+  V as ScTabIndicator,
+  k as ScVideo,
+  po as arSA,
+  io as default,
+  So as enUS
 };

package/dist/es/swiper-normal.mjs

@@ -1,4 +1,4 @@
-import { b as a } from "../index-Dzp0ckB8.js";
+import { b as a } from "../index-C8ZHlhiw.js";
 export {
   a as ScSwiperNormal
 };

package/dist/es/swiper-vehicle.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as x, ref as b, computed as I, watch as T, onMounted as z, onBeforeUnmount as E, createElementBlock as c, openBlock as s, normalizeClass as l, unref as o, createBlock as A, createCommentVNode as k, createElementVNode as u, Fragment as _, renderList as w, createVNode as F, toDisplayString as H, normalizeStyle as y } from "vue";
+import { defineComponent as x, ref as b, computed as I, watch as T, onMounted as z, onBeforeUnmount as E, createElementBlock as i, openBlock as n, normalizeClass as s, unref as o, createBlock as A, createCommentVNode as k, createElementVNode as u, Fragment as _, renderList as w, createVNode as F, toDisplayString as H, normalizeStyle as y } from "vue";
 import { S as U } from "../swiper-bundle-DOQ1LV4x.js";
 import { P as r } from "../_vars-BV4QQF-p.js";
 import { ScLayzImage as B } from "./layz-image.mjs";
@@ -20,14 +20,14 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
   setup(d, { emit: L }) {
     const a = d, m = L;
     let t = null;
-    const i = b(a.modelValue), p = b(), V = I(() => {
+    const c = b(a.modelValue), p = b(), V = I(() => {
       const e = {};
       return a.tabIndicatorBottom && (e.position = "absolute", e.zIndex = 1, e.left = "50%", e.bottom = typeof a.tabIndicatorBottom == "number" ? `${a.tabIndicatorBottom}px` : a.tabIndicatorBottom, e.transform = "translateX(-50%)"), e;
-    }), $ = I(() => a.dataList[i.value].text);
+    }), $ = I(() => a.dataList[c.value].text);
     T(
       () => a.modelValue,
       (e) => {
-        i.value !== e && (i.value = e, g(i.value));
+        c.value !== e && (c.value = e, g(c.value));
       }
     );
     const g = (e) => {
@@ -40,7 +40,7 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
         autoplay: !0,
         ...a.swiperOptions
       }), t.on("realIndexChange", (e) => {
-        i.value = e.realIndex, m("change", e.realIndex), m("update:modelValue", e.realIndex);
+        c.value = e.realIndex, m("change", e.realIndex), m("update:modelValue", e.realIndex);
       }));
     }, C = () => {
       (t == null ? void 0 : t.params.autoplay).enabled && (t == null || t.autoplay.start());
@@ -51,15 +51,15 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
       v(), window.addEventListener("resize", v);
     }), E(() => {
       t == null || t.destroy(), window.removeEventListener("resize", v);
-    }), (e, O) => (s(), c(
+    }), (e, O) => (n(), i(
       "div",
       {
-        class: l([`${o(r)}-swiper-vehicle`])
+        class: s([`${o(r)}-swiper-vehicle`])
       },
       [
-        e.backgroundImgUrl ? (s(), A(o(B), {
+        e.backgroundImgUrl ? (n(), A(o(B), {
           key: 0,
-          class: l(`${o(r)}-swiper-vehicle__bg`),
+          class: s(`${o(r)}-swiper-vehicle__bg`),
           src: e.backgroundImgUrl,
           alt: e.backgroundImgAlt
         }, null, 8, ["class", "src", "alt"])) : k("v-if", !0),
@@ -68,32 +68,33 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
           {
             ref_key: "swiperRef",
             ref: p,
-            class: l([`${o(r)}-swiper-vehicle__main`])
+            class: s([`${o(r)}-swiper-vehicle__main`])
           },
           [
             u("div", N, [
-              (s(!0), c(
+              (n(!0), i(
                 _,
                 null,
-                w(e.dataList, (n) => (s(), c("div", {
-                  key: n.url,
+                w(e.dataList, (l) => (n(), i("div", {
+                  key: l.url,
                   class: "swiper-slide"
                 }, [
-                  e.showTextBackground ? (s(), c(
+                  e.showTextBackground ? (n(), i(
                     "span",
                     {
                       key: 0,
-                      class: l(`${o(r)}-swiper-vehicle__text-bg`)
+                      class: s(`${o(r)}-swiper-vehicle__text-bg`)
                     },
-                    H(n.text),
+                    H(l.text),
                     3
                     /* TEXT, CLASS */
                   )) : k("v-if", !0),
                   F(o(B), {
-                    class: l(e.imgFullHeightInMobile ? `${o(r)}-swiper-vehicle__full-height` : ""),
-                    src: n.url,
-                    alt: n.alt
-                  }, null, 8, ["class", "src", "alt"])
+                    class: s(e.imgFullHeightInMobile ? `${o(r)}-swiper-vehicle__full-height` : ""),
+                    src: l.url,
+                    sSrcset: l.sSrcset,
+                    alt: l.alt
+                  }, null, 8, ["class", "src", "sSrcset", "alt"])
                 ]))),
                 128
                 /* KEYED_FRAGMENT */
@@ -106,24 +107,24 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
         u(
           "div",
           {
-            class: l([`${o(r)}-swiper-vehicle__indicator`, e.indicatorClass]),
+            class: s([`${o(r)}-swiper-vehicle__indicator`, e.indicatorClass]),
             style: y(V.value)
           },
           [
             u(
               "div",
               {
-                class: l(`${o(r)}-swiper-vehicle__indicator-control`)
+                class: s(`${o(r)}-swiper-vehicle__indicator-control`)
               },
               [
-                (s(!0), c(
+                (n(!0), i(
                   _,
                   null,
-                  w(e.dataList, (n, h) => (s(), c("div", {
-                    key: n.color,
-                    class: l([i.value === h && "active", "color-stroke"]),
-                    style: y({ "background-color": n.color, "border-color": n.color }),
-                    onClick: (X) => g(h),
+                  w(e.dataList, (l, h) => (n(), i("div", {
+                    key: l.color,
+                    class: s([c.value === h && "active", "color-stroke"]),
+                    style: y({ "background-color": l.color, "border-color": l.color }),
+                    onClick: (S) => g(h),
                     onMouseenter: M,
                     onMouseleave: C
                   }, null, 46, P))),
@@ -135,7 +136,7 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
               /* CLASS */
             ),
             u("div", {
-              class: l(`${o(r)}-swiper-vehicle__indicator-text`),
+              class: s(`${o(r)}-swiper-vehicle__indicator-text`),
               innerHTML: $.value
             }, null, 10, R)
           ],
@@ -149,7 +150,7 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
   }
 });
 f.install = (d) => (d.component("ScSwiperVehicle", f), d);
-const J = f;
+const G = f;
 export {
-  J as ScSwiperVehicle
+  G as ScSwiperVehicle
 };

package/dist/es/switch.mjs

@@ -0,0 +1,81 @@
+import { defineComponent as p, computed as d, createElementBlock as h, openBlock as b, withModifiers as f, normalizeClass as n, unref as l, createElementVNode as c, normalizeStyle as C, nextTick as w } from "vue";
+import { P as t } from "../_vars-BV4QQF-p.js";
+const V = ["id", "name", "disabled", "true-value", "false-value"], r = /* @__PURE__ */ p({
+  __name: "switch",
+  props: {
+    modelValue: { type: [Boolean, String, Number] },
+    disabled: { type: Boolean },
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    activeColor: {},
+    inactiveColor: {},
+    name: {},
+    id: {},
+    dark: { type: Boolean }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(o, { emit: m }) {
+    const a = o, s = m, i = d(() => a.modelValue === a.activeValue), v = d(() => {
+      let e = {};
+      return a.activeColor && i.value && (e["border-color"] = a.activeColor, e["background-color"] = a.activeColor), a.inactiveColor && !i.value && (e["border-color"] = a.inactiveColor, e["background-color"] = a.inactiveColor), e;
+    }), u = () => {
+      if (a.disabled) return;
+      const e = i.value ? a.inactiveValue : a.activeValue;
+      s("update:modelValue", e), s("change", e), w(() => {
+      });
+    };
+    return (e, k) => (b(), h(
+      "div",
+      {
+        class: n([
+          `${l(t)}-switch`,
+          i.value && `${l(t)}-switch--checked`,
+          e.disabled && `${l(t)}-switch--disabled`,
+          e.dark && `${l(t)}-switch--dark`
+        ]),
+        onClick: f(u, ["prevent"])
+      },
+      [
+        c("input", {
+          ref: "input",
+          class: n(`${l(t)}-switch-input`),
+          type: "checkbox",
+          id: e.id,
+          name: e.name,
+          disabled: e.disabled,
+          onChange: u,
+          "true-value": e.activeValue,
+          "false-value": e.inactiveValue,
+          style: { display: "none" }
+        }, null, 42, V),
+        c(
+          "span",
+          {
+            class: n(`${l(t)}-switch-core`),
+            style: C(v.value)
+          },
+          [
+            c(
+              "div",
+              {
+                class: n(`${l(t)}-switch-action`)
+              },
+              null,
+              2
+              /* CLASS */
+            )
+          ],
+          6
+          /* CLASS, STYLE */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+r.install = (o) => (o.component("ScSwitch", r), o);
+const g = r;
+export {
+  g as ScSwitch
+};

package/dist/global.d.ts

@@ -3,6 +3,7 @@ declare module 'vue' {
   export interface GlobalComponents {
     ScVideo: typeof import("@seresweb/website-component")["ScVideo"];
     ScTabIndicator: typeof import("@seresweb/website-component")["ScTabIndicator"];
+    ScSwitch: typeof import("@seresweb/website-component")["ScSwitch"];
     ScSwiperVehicle: typeof import("@seresweb/website-component")["ScSwiperVehicle"];
     ScSwiperShowcase: typeof import("@seresweb/website-component")["ScSwiperShowcase"];
     ScSwiperNormal: typeof import("@seresweb/website-component")["ScSwiperNormal"];

package/dist/{index-Dzp0ckB8.js → index-C8ZHlhiw.js}

@@ -20,6 +20,7 @@ import "./es/row.mjs";
 import "./es/select.mjs";
 import "./es/swiper-showcase.mjs";
 import "./es/swiper-vehicle.mjs";
+import "./es/switch.mjs";
 import { ScTabIndicator as ne } from "./es/tab-indicator.mjs";
 import { ScVideo as J } from "./es/video.mjs";
 const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHTML"], de = /* @__PURE__ */ P({
@@ -321,7 +322,7 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
   }
 });
 F.install = (c) => (c.component("ScHorizontalViewer", F), c);
-const De = F, ue = ["onClick"], me = ["innerHTML"], fe = ["innerHTML"], D = /* @__PURE__ */ P({
+const Ue = F, ue = ["onClick"], me = ["innerHTML"], fe = ["innerHTML"], D = /* @__PURE__ */ P({
   __name: "image-indicator",
   props: {
     dataList: {},
@@ -564,7 +565,7 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
 U.install = (c) => (c.component("ScSwiperNormal", U), c);
 const ge = U;
 export {
-  De as S,
+  Ue as S,
   ve as a,
   ge as b
 };

package/dist/index-DcjowmgO.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/checkbox.cjs");require("./cjs/col.cjs");require("./cjs/config-provider.cjs");require("./cjs/date-picker.cjs");require("./cjs/date-select.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/row.cjs");require("./cjs/select.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");require("./cjs/switch.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=r=>typeof r!="number"||Number.isNaN(r)?0:r,g=(r,s,c)=>{const k=Math.min(Math.max(r,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const r=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-r-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const r=document.documentElement.getAttribute("dir")||"ltr",s=r==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:r==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:r==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=r=>{if(!(r instanceof HTMLElement))return 0;const s=window.getComputedStyle(r),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(r.title||r.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[r.title||r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[r.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:r.title},null,8,W)):e.createCommentVNode("v-if",!0),r.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:r.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${n.PREFIX}-swiper-main__middle`):t.push(`${n.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:30px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}html[dir=rtl] .sc-date-picker__nav-prev{transform:rotate(-90deg)}html[dir=rtl] .sc-date-picker__nav-next{transform:rotate(90deg)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;inset-inline-start:0;inset-block-start:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper .sc-player-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;inset-block-end:65px;inset-inline-end:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-inline-end:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:start;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;inset-block-start:0;inset-inline-start:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;inset-inline-end:40px;inset-block-start:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{inset-block-end:20px;inset-inline-end:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-inline-end:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:start;margin-inline-start:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{inset-inline-end:40px;inset-block-start:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}html[dir=rtl] .sc-swiper-main .swiper-button-next svg,html[dir=rtl] .sc-swiper-main .swiper-button-prev svg{transform:rotate(180deg)}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;justify-content:flex-end}.sc-swiper-showcase__nav-wrap{display:flex;gap:12px}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:24px;height:24px;display:block}html[dir=rtl] .sc-swiper-showcase__nav-icon{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}@media (max-width: 767.98px){.sc-col--xs-1{width:calc(1 / 24 * 100%)}.sc-col--xs-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xs-2{width:calc(2 / 24 * 100%)}.sc-col--xs-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xs-3{width:12.5%}.sc-col--xs-offset-3{margin-left:12.5%}.sc-col--xs-4{width:calc(4 / 24 * 100%)}.sc-col--xs-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xs-5{width:calc(5 / 24 * 100%)}.sc-col--xs-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xs-6{width:25%}.sc-col--xs-offset-6{margin-left:25%}.sc-col--xs-7{width:calc(7 / 24 * 100%)}.sc-col--xs-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xs-8{width:calc(8 / 24 * 100%)}.sc-col--xs-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xs-9{width:37.5%}.sc-col--xs-offset-9{margin-left:37.5%}.sc-col--xs-10{width:calc(10 / 24 * 100%)}.sc-col--xs-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xs-11{width:calc(11 / 24 * 100%)}.sc-col--xs-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xs-12{width:50%}.sc-col--xs-offset-12{margin-left:50%}.sc-col--xs-13{width:calc(13 / 24 * 100%)}.sc-col--xs-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xs-14{width:calc(14 / 24 * 100%)}.sc-col--xs-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xs-15{width:62.5%}.sc-col--xs-offset-15{margin-left:62.5%}.sc-col--xs-16{width:calc(16 / 24 * 100%)}.sc-col--xs-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xs-17{width:calc(17 / 24 * 100%)}.sc-col--xs-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xs-18{width:75%}.sc-col--xs-offset-18{margin-left:75%}.sc-col--xs-19{width:calc(19 / 24 * 100%)}.sc-col--xs-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xs-20{width:calc(20 / 24 * 100%)}.sc-col--xs-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xs-21{width:87.5%}.sc-col--xs-offset-21{margin-left:87.5%}.sc-col--xs-22{width:calc(22 / 24 * 100%)}.sc-col--xs-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xs-23{width:calc(23 / 24 * 100%)}.sc-col--xs-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xs-24{width:100%}.sc-col--xs-offset-24{margin-left:100%}}@media (min-width: 768px){.sc-col--sm-1{width:calc(1 / 24 * 100%)}.sc-col--sm-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--sm-2{width:calc(2 / 24 * 100%)}.sc-col--sm-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--sm-3{width:12.5%}.sc-col--sm-offset-3{margin-left:12.5%}.sc-col--sm-4{width:calc(4 / 24 * 100%)}.sc-col--sm-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--sm-5{width:calc(5 / 24 * 100%)}.sc-col--sm-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--sm-6{width:25%}.sc-col--sm-offset-6{margin-left:25%}.sc-col--sm-7{width:calc(7 / 24 * 100%)}.sc-col--sm-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--sm-8{width:calc(8 / 24 * 100%)}.sc-col--sm-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--sm-9{width:37.5%}.sc-col--sm-offset-9{margin-left:37.5%}.sc-col--sm-10{width:calc(10 / 24 * 100%)}.sc-col--sm-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--sm-11{width:calc(11 / 24 * 100%)}.sc-col--sm-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--sm-12{width:50%}.sc-col--sm-offset-12{margin-left:50%}.sc-col--sm-13{width:calc(13 / 24 * 100%)}.sc-col--sm-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--sm-14{width:calc(14 / 24 * 100%)}.sc-col--sm-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--sm-15{width:62.5%}.sc-col--sm-offset-15{margin-left:62.5%}.sc-col--sm-16{width:calc(16 / 24 * 100%)}.sc-col--sm-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--sm-17{width:calc(17 / 24 * 100%)}.sc-col--sm-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--sm-18{width:75%}.sc-col--sm-offset-18{margin-left:75%}.sc-col--sm-19{width:calc(19 / 24 * 100%)}.sc-col--sm-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--sm-20{width:calc(20 / 24 * 100%)}.sc-col--sm-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--sm-21{width:87.5%}.sc-col--sm-offset-21{margin-left:87.5%}.sc-col--sm-22{width:calc(22 / 24 * 100%)}.sc-col--sm-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--sm-23{width:calc(23 / 24 * 100%)}.sc-col--sm-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--sm-24{width:100%}.sc-col--sm-offset-24{margin-left:100%}}@media (min-width: 992px){.sc-col--md-1{width:calc(1 / 24 * 100%)}.sc-col--md-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--md-2{width:calc(2 / 24 * 100%)}.sc-col--md-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--md-3{width:12.5%}.sc-col--md-offset-3{margin-left:12.5%}.sc-col--md-4{width:calc(4 / 24 * 100%)}.sc-col--md-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--md-5{width:calc(5 / 24 * 100%)}.sc-col--md-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--md-6{width:25%}.sc-col--md-offset-6{margin-left:25%}.sc-col--md-7{width:calc(7 / 24 * 100%)}.sc-col--md-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--md-8{width:calc(8 / 24 * 100%)}.sc-col--md-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--md-9{width:37.5%}.sc-col--md-offset-9{margin-left:37.5%}.sc-col--md-10{width:calc(10 / 24 * 100%)}.sc-col--md-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--md-11{width:calc(11 / 24 * 100%)}.sc-col--md-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--md-12{width:50%}.sc-col--md-offset-12{margin-left:50%}.sc-col--md-13{width:calc(13 / 24 * 100%)}.sc-col--md-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--md-14{width:calc(14 / 24 * 100%)}.sc-col--md-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--md-15{width:62.5%}.sc-col--md-offset-15{margin-left:62.5%}.sc-col--md-16{width:calc(16 / 24 * 100%)}.sc-col--md-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--md-17{width:calc(17 / 24 * 100%)}.sc-col--md-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--md-18{width:75%}.sc-col--md-offset-18{margin-left:75%}.sc-col--md-19{width:calc(19 / 24 * 100%)}.sc-col--md-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--md-20{width:calc(20 / 24 * 100%)}.sc-col--md-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--md-21{width:87.5%}.sc-col--md-offset-21{margin-left:87.5%}.sc-col--md-22{width:calc(22 / 24 * 100%)}.sc-col--md-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--md-23{width:calc(23 / 24 * 100%)}.sc-col--md-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--md-24{width:100%}.sc-col--md-offset-24{margin-left:100%}}@media (min-width: 1200px){.sc-col--lg-1{width:calc(1 / 24 * 100%)}.sc-col--lg-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--lg-2{width:calc(2 / 24 * 100%)}.sc-col--lg-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--lg-3{width:12.5%}.sc-col--lg-offset-3{margin-left:12.5%}.sc-col--lg-4{width:calc(4 / 24 * 100%)}.sc-col--lg-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--lg-5{width:calc(5 / 24 * 100%)}.sc-col--lg-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--lg-6{width:25%}.sc-col--lg-offset-6{margin-left:25%}.sc-col--lg-7{width:calc(7 / 24 * 100%)}.sc-col--lg-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--lg-8{width:calc(8 / 24 * 100%)}.sc-col--lg-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--lg-9{width:37.5%}.sc-col--lg-offset-9{margin-left:37.5%}.sc-col--lg-10{width:calc(10 / 24 * 100%)}.sc-col--lg-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--lg-11{width:calc(11 / 24 * 100%)}.sc-col--lg-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--lg-12{width:50%}.sc-col--lg-offset-12{margin-left:50%}.sc-col--lg-13{width:calc(13 / 24 * 100%)}.sc-col--lg-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--lg-14{width:calc(14 / 24 * 100%)}.sc-col--lg-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--lg-15{width:62.5%}.sc-col--lg-offset-15{margin-left:62.5%}.sc-col--lg-16{width:calc(16 / 24 * 100%)}.sc-col--lg-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--lg-17{width:calc(17 / 24 * 100%)}.sc-col--lg-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--lg-18{width:75%}.sc-col--lg-offset-18{margin-left:75%}.sc-col--lg-19{width:calc(19 / 24 * 100%)}.sc-col--lg-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--lg-20{width:calc(20 / 24 * 100%)}.sc-col--lg-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--lg-21{width:87.5%}.sc-col--lg-offset-21{margin-left:87.5%}.sc-col--lg-22{width:calc(22 / 24 * 100%)}.sc-col--lg-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--lg-23{width:calc(23 / 24 * 100%)}.sc-col--lg-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--lg-24{width:100%}.sc-col--lg-offset-24{margin-left:100%}}@media (min-width: 1920px){.sc-col--xl-1{width:calc(1 / 24 * 100%)}.sc-col--xl-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xl-2{width:calc(2 / 24 * 100%)}.sc-col--xl-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xl-3{width:12.5%}.sc-col--xl-offset-3{margin-left:12.5%}.sc-col--xl-4{width:calc(4 / 24 * 100%)}.sc-col--xl-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xl-5{width:calc(5 / 24 * 100%)}.sc-col--xl-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xl-6{width:25%}.sc-col--xl-offset-6{margin-left:25%}.sc-col--xl-7{width:calc(7 / 24 * 100%)}.sc-col--xl-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xl-8{width:calc(8 / 24 * 100%)}.sc-col--xl-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xl-9{width:37.5%}.sc-col--xl-offset-9{margin-left:37.5%}.sc-col--xl-10{width:calc(10 / 24 * 100%)}.sc-col--xl-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xl-11{width:calc(11 / 24 * 100%)}.sc-col--xl-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xl-12{width:50%}.sc-col--xl-offset-12{margin-left:50%}.sc-col--xl-13{width:calc(13 / 24 * 100%)}.sc-col--xl-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xl-14{width:calc(14 / 24 * 100%)}.sc-col--xl-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xl-15{width:62.5%}.sc-col--xl-offset-15{margin-left:62.5%}.sc-col--xl-16{width:calc(16 / 24 * 100%)}.sc-col--xl-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xl-17{width:calc(17 / 24 * 100%)}.sc-col--xl-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xl-18{width:75%}.sc-col--xl-offset-18{margin-left:75%}.sc-col--xl-19{width:calc(19 / 24 * 100%)}.sc-col--xl-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xl-20{width:calc(20 / 24 * 100%)}.sc-col--xl-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xl-21{width:87.5%}.sc-col--xl-offset-21{margin-left:87.5%}.sc-col--xl-22{width:calc(22 / 24 * 100%)}.sc-col--xl-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xl-23{width:calc(23 / 24 * 100%)}.sc-col--xl-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xl-24{width:100%}.sc-col--xl-offset-24{margin-left:100%}}
+@charset "UTF-8";.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:30px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}html[dir=rtl] .sc-date-picker__nav-prev{transform:rotate(-90deg)}html[dir=rtl] .sc-date-picker__nav-next{transform:rotate(90deg)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;inset-inline-start:0;inset-block-start:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper .sc-player-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;inset-block-end:65px;inset-inline-end:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-inline-end:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:start;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;inset-block-start:0;inset-inline-start:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;inset-inline-end:40px;inset-block-start:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{inset-block-end:20px;inset-inline-end:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-inline-end:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:start;margin-inline-start:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{inset-inline-end:40px;inset-block-start:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}html[dir=rtl] .sc-swiper-main .swiper-button-next svg,html[dir=rtl] .sc-swiper-main .swiper-button-prev svg{transform:rotate(180deg)}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;justify-content:flex-end}.sc-swiper-showcase__nav-wrap{display:flex;gap:12px}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:24px;height:24px;display:block}html[dir=rtl] .sc-swiper-showcase__nav-icon{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-55%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}@media (max-width: 767.98px){.sc-col--xs-1{width:calc(1 / 24 * 100%)}.sc-col--xs-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xs-2{width:calc(2 / 24 * 100%)}.sc-col--xs-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xs-3{width:12.5%}.sc-col--xs-offset-3{margin-left:12.5%}.sc-col--xs-4{width:calc(4 / 24 * 100%)}.sc-col--xs-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xs-5{width:calc(5 / 24 * 100%)}.sc-col--xs-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xs-6{width:25%}.sc-col--xs-offset-6{margin-left:25%}.sc-col--xs-7{width:calc(7 / 24 * 100%)}.sc-col--xs-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xs-8{width:calc(8 / 24 * 100%)}.sc-col--xs-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xs-9{width:37.5%}.sc-col--xs-offset-9{margin-left:37.5%}.sc-col--xs-10{width:calc(10 / 24 * 100%)}.sc-col--xs-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xs-11{width:calc(11 / 24 * 100%)}.sc-col--xs-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xs-12{width:50%}.sc-col--xs-offset-12{margin-left:50%}.sc-col--xs-13{width:calc(13 / 24 * 100%)}.sc-col--xs-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xs-14{width:calc(14 / 24 * 100%)}.sc-col--xs-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xs-15{width:62.5%}.sc-col--xs-offset-15{margin-left:62.5%}.sc-col--xs-16{width:calc(16 / 24 * 100%)}.sc-col--xs-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xs-17{width:calc(17 / 24 * 100%)}.sc-col--xs-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xs-18{width:75%}.sc-col--xs-offset-18{margin-left:75%}.sc-col--xs-19{width:calc(19 / 24 * 100%)}.sc-col--xs-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xs-20{width:calc(20 / 24 * 100%)}.sc-col--xs-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xs-21{width:87.5%}.sc-col--xs-offset-21{margin-left:87.5%}.sc-col--xs-22{width:calc(22 / 24 * 100%)}.sc-col--xs-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xs-23{width:calc(23 / 24 * 100%)}.sc-col--xs-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xs-24{width:100%}.sc-col--xs-offset-24{margin-left:100%}}@media (min-width: 768px){.sc-col--sm-1{width:calc(1 / 24 * 100%)}.sc-col--sm-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--sm-2{width:calc(2 / 24 * 100%)}.sc-col--sm-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--sm-3{width:12.5%}.sc-col--sm-offset-3{margin-left:12.5%}.sc-col--sm-4{width:calc(4 / 24 * 100%)}.sc-col--sm-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--sm-5{width:calc(5 / 24 * 100%)}.sc-col--sm-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--sm-6{width:25%}.sc-col--sm-offset-6{margin-left:25%}.sc-col--sm-7{width:calc(7 / 24 * 100%)}.sc-col--sm-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--sm-8{width:calc(8 / 24 * 100%)}.sc-col--sm-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--sm-9{width:37.5%}.sc-col--sm-offset-9{margin-left:37.5%}.sc-col--sm-10{width:calc(10 / 24 * 100%)}.sc-col--sm-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--sm-11{width:calc(11 / 24 * 100%)}.sc-col--sm-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--sm-12{width:50%}.sc-col--sm-offset-12{margin-left:50%}.sc-col--sm-13{width:calc(13 / 24 * 100%)}.sc-col--sm-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--sm-14{width:calc(14 / 24 * 100%)}.sc-col--sm-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--sm-15{width:62.5%}.sc-col--sm-offset-15{margin-left:62.5%}.sc-col--sm-16{width:calc(16 / 24 * 100%)}.sc-col--sm-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--sm-17{width:calc(17 / 24 * 100%)}.sc-col--sm-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--sm-18{width:75%}.sc-col--sm-offset-18{margin-left:75%}.sc-col--sm-19{width:calc(19 / 24 * 100%)}.sc-col--sm-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--sm-20{width:calc(20 / 24 * 100%)}.sc-col--sm-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--sm-21{width:87.5%}.sc-col--sm-offset-21{margin-left:87.5%}.sc-col--sm-22{width:calc(22 / 24 * 100%)}.sc-col--sm-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--sm-23{width:calc(23 / 24 * 100%)}.sc-col--sm-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--sm-24{width:100%}.sc-col--sm-offset-24{margin-left:100%}}@media (min-width: 992px){.sc-col--md-1{width:calc(1 / 24 * 100%)}.sc-col--md-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--md-2{width:calc(2 / 24 * 100%)}.sc-col--md-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--md-3{width:12.5%}.sc-col--md-offset-3{margin-left:12.5%}.sc-col--md-4{width:calc(4 / 24 * 100%)}.sc-col--md-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--md-5{width:calc(5 / 24 * 100%)}.sc-col--md-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--md-6{width:25%}.sc-col--md-offset-6{margin-left:25%}.sc-col--md-7{width:calc(7 / 24 * 100%)}.sc-col--md-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--md-8{width:calc(8 / 24 * 100%)}.sc-col--md-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--md-9{width:37.5%}.sc-col--md-offset-9{margin-left:37.5%}.sc-col--md-10{width:calc(10 / 24 * 100%)}.sc-col--md-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--md-11{width:calc(11 / 24 * 100%)}.sc-col--md-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--md-12{width:50%}.sc-col--md-offset-12{margin-left:50%}.sc-col--md-13{width:calc(13 / 24 * 100%)}.sc-col--md-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--md-14{width:calc(14 / 24 * 100%)}.sc-col--md-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--md-15{width:62.5%}.sc-col--md-offset-15{margin-left:62.5%}.sc-col--md-16{width:calc(16 / 24 * 100%)}.sc-col--md-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--md-17{width:calc(17 / 24 * 100%)}.sc-col--md-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--md-18{width:75%}.sc-col--md-offset-18{margin-left:75%}.sc-col--md-19{width:calc(19 / 24 * 100%)}.sc-col--md-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--md-20{width:calc(20 / 24 * 100%)}.sc-col--md-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--md-21{width:87.5%}.sc-col--md-offset-21{margin-left:87.5%}.sc-col--md-22{width:calc(22 / 24 * 100%)}.sc-col--md-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--md-23{width:calc(23 / 24 * 100%)}.sc-col--md-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--md-24{width:100%}.sc-col--md-offset-24{margin-left:100%}}@media (min-width: 1200px){.sc-col--lg-1{width:calc(1 / 24 * 100%)}.sc-col--lg-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--lg-2{width:calc(2 / 24 * 100%)}.sc-col--lg-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--lg-3{width:12.5%}.sc-col--lg-offset-3{margin-left:12.5%}.sc-col--lg-4{width:calc(4 / 24 * 100%)}.sc-col--lg-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--lg-5{width:calc(5 / 24 * 100%)}.sc-col--lg-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--lg-6{width:25%}.sc-col--lg-offset-6{margin-left:25%}.sc-col--lg-7{width:calc(7 / 24 * 100%)}.sc-col--lg-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--lg-8{width:calc(8 / 24 * 100%)}.sc-col--lg-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--lg-9{width:37.5%}.sc-col--lg-offset-9{margin-left:37.5%}.sc-col--lg-10{width:calc(10 / 24 * 100%)}.sc-col--lg-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--lg-11{width:calc(11 / 24 * 100%)}.sc-col--lg-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--lg-12{width:50%}.sc-col--lg-offset-12{margin-left:50%}.sc-col--lg-13{width:calc(13 / 24 * 100%)}.sc-col--lg-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--lg-14{width:calc(14 / 24 * 100%)}.sc-col--lg-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--lg-15{width:62.5%}.sc-col--lg-offset-15{margin-left:62.5%}.sc-col--lg-16{width:calc(16 / 24 * 100%)}.sc-col--lg-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--lg-17{width:calc(17 / 24 * 100%)}.sc-col--lg-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--lg-18{width:75%}.sc-col--lg-offset-18{margin-left:75%}.sc-col--lg-19{width:calc(19 / 24 * 100%)}.sc-col--lg-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--lg-20{width:calc(20 / 24 * 100%)}.sc-col--lg-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--lg-21{width:87.5%}.sc-col--lg-offset-21{margin-left:87.5%}.sc-col--lg-22{width:calc(22 / 24 * 100%)}.sc-col--lg-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--lg-23{width:calc(23 / 24 * 100%)}.sc-col--lg-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--lg-24{width:100%}.sc-col--lg-offset-24{margin-left:100%}}@media (min-width: 1920px){.sc-col--xl-1{width:calc(1 / 24 * 100%)}.sc-col--xl-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xl-2{width:calc(2 / 24 * 100%)}.sc-col--xl-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xl-3{width:12.5%}.sc-col--xl-offset-3{margin-left:12.5%}.sc-col--xl-4{width:calc(4 / 24 * 100%)}.sc-col--xl-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xl-5{width:calc(5 / 24 * 100%)}.sc-col--xl-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xl-6{width:25%}.sc-col--xl-offset-6{margin-left:25%}.sc-col--xl-7{width:calc(7 / 24 * 100%)}.sc-col--xl-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xl-8{width:calc(8 / 24 * 100%)}.sc-col--xl-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xl-9{width:37.5%}.sc-col--xl-offset-9{margin-left:37.5%}.sc-col--xl-10{width:calc(10 / 24 * 100%)}.sc-col--xl-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xl-11{width:calc(11 / 24 * 100%)}.sc-col--xl-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xl-12{width:50%}.sc-col--xl-offset-12{margin-left:50%}.sc-col--xl-13{width:calc(13 / 24 * 100%)}.sc-col--xl-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xl-14{width:calc(14 / 24 * 100%)}.sc-col--xl-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xl-15{width:62.5%}.sc-col--xl-offset-15{margin-left:62.5%}.sc-col--xl-16{width:calc(16 / 24 * 100%)}.sc-col--xl-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xl-17{width:calc(17 / 24 * 100%)}.sc-col--xl-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xl-18{width:75%}.sc-col--xl-offset-18{margin-left:75%}.sc-col--xl-19{width:calc(19 / 24 * 100%)}.sc-col--xl-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xl-20{width:calc(20 / 24 * 100%)}.sc-col--xl-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xl-21{width:87.5%}.sc-col--xl-offset-21{margin-left:87.5%}.sc-col--xl-22{width:calc(22 / 24 * 100%)}.sc-col--xl-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xl-23{width:calc(23 / 24 * 100%)}.sc-col--xl-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xl-24{width:100%}.sc-col--xl-offset-24{margin-left:100%}}.sc-switch{--sc-switch-on-color: #1054f2;--sc-switch-off-color: #dcdfe6;--sc-switch-knob-color: #fff;--sc-switch-disabled-color: #f5f7fa;--sc-switch-disabled-knob-color: #c0c4cc;display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle;cursor:pointer}.sc-switch--disabled{cursor:not-allowed;opacity:.6}.sc-switch-core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid var(--sc-switch-off-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--sc-switch-off-color);transition:border-color .3s,background-color .3s}.sc-switch-core .sc-switch-action{position:absolute;top:1px;left:1px;border-radius:100%;transition:all .3s;width:16px;height:16px;background-color:var(--sc-switch-knob-color)}.sc-switch--checked .sc-switch-core{border-color:var(--sc-switch-on-color);background-color:var(--sc-switch-on-color)}.sc-switch--checked .sc-switch-core .sc-switch-action{left:100%;margin-left:-17px}

package/dist/scss/checkbox.scss

@@ -53,7 +53,7 @@
       border-width: 0 2.5px 2.5px 0;
       inset-block-start: 50%;
       inset-inline-start: 50%;
-      transform: translate(-50%, -50%) rotate(45deg);
+      transform: translate(-50%, -55%) rotate(45deg);
     }
   }
 

package/dist/scss/index.scss

@@ -22,3 +22,4 @@
 @use './input';
 @use './row';
 @use './col';
+@use './switch';

package/dist/scss/switch.scss

@@ -0,0 +1,63 @@
+@use './_vars' as vars;
+
+.#{vars.$prefix}-switch {
+  // 默认变量
+  --#{vars.$prefix}-switch-on-color: #1054f2;
+  --#{vars.$prefix}-switch-off-color: #dcdfe6;
+  --#{vars.$prefix}-switch-knob-color: #fff;
+  --#{vars.$prefix}-switch-disabled-color: #f5f7fa;
+  --#{vars.$prefix}-switch-disabled-knob-color: #c0c4cc;
+
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  font-size: 14px;
+  line-height: 20px;
+  height: 20px;
+  vertical-align: middle;
+  cursor: pointer;
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  // 核心轨道
+  &-core {
+    margin: 0;
+    display: inline-block;
+    position: relative;
+    width: 40px;
+    height: 20px;
+    border: 1px solid var(--#{vars.$prefix}-switch-off-color);
+    outline: none;
+    border-radius: 10px;
+    box-sizing: border-box;
+    background: var(--#{vars.$prefix}-switch-off-color);
+    transition: border-color 0.3s, background-color 0.3s;
+
+    .#{vars.$prefix}-switch-action {
+      position: absolute;
+      top: 1px;
+      left: 1px;
+      border-radius: 100%;
+      transition: all 0.3s;
+      width: 16px;
+      height: 16px;
+      background-color: var(--#{vars.$prefix}-switch-knob-color);
+    }
+  }
+
+  // 选中状态
+  &--checked {
+    .#{vars.$prefix}-switch-core {
+      border-color: var(--#{vars.$prefix}-switch-on-color);
+      background-color: var(--#{vars.$prefix}-switch-on-color);
+
+      .#{vars.$prefix}-switch-action {
+        left: 100%;
+        margin-left: -17px; // width (16) + left (1)
+      }
+    }
+  }
+}

package/dist/types/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './select';
 export * from './swiper-normal';
 export * from './swiper-showcase';
 export * from './swiper-vehicle';
+export * from './switch';
 export * from './tab-indicator';
 export * from './video';
 declare const _default: {

package/dist/types/components/swiper-vehicle/type.d.ts

@@ -1,6 +1,7 @@
 import { SwiperOptions } from 'swiper/types';
 export interface SwiperVehicleData {
     url: string;
+    sSrcset?: string;
     color: string;
     text: string;
     alt?: string;

package/dist/types/components/switch/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { default as Component } from './switch.vue';
+export * from './type';
+export declare const ScSwitch: typeof Component & {
+    install: (app: App) => App;
+};

package/dist/types/components/switch/switch.vue.d.ts

@@ -0,0 +1,14 @@
+import { SwitchProps } from './type';
+declare const _default: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    activeValue: boolean | string | number;
+    inactiveValue: boolean | string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/types/components/switch/type.d.ts

@@ -0,0 +1,38 @@
+export interface SwitchProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: boolean | string | number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * switch 打开时的值
+     */
+    activeValue?: boolean | string | number;
+    /**
+     * switch 关闭时的值
+     */
+    inactiveValue?: boolean | string | number;
+    /**
+     * switch 打开时的背景色
+     */
+    activeColor?: string;
+    /**
+     * switch 关闭时的背景色
+     */
+    inactiveColor?: string;
+    /**
+     * name 属性
+     */
+    name?: string;
+    /**
+     * id
+     */
+    id?: string;
+    /**
+     * 是否深色模式
+     */
+    dark?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seresweb/website-component",
-  "version": "2.3.9",
+  "version": "2.4.0",
   "author": "Seres",
   "license": "UNLICENSED",
   "description": "官方网站类的组件",

package/dist/index-0n3E5pgL.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/checkbox.cjs");require("./cjs/col.cjs");require("./cjs/config-provider.cjs");require("./cjs/date-picker.cjs");require("./cjs/date-select.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/row.cjs");require("./cjs/select.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=r=>typeof r!="number"||Number.isNaN(r)?0:r,g=(r,s,c)=>{const k=Math.min(Math.max(r,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const r=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-r-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const r=document.documentElement.getAttribute("dir")||"ltr",s=r==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:r==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:r==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=r=>{if(!(r instanceof HTMLElement))return 0;const s=window.getComputedStyle(r),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(r.title||r.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[r.title||r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[r.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:r.title},null,8,W)):e.createCommentVNode("v-if",!0),r.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:r.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${n.PREFIX}-swiper-main__middle`):t.push(`${n.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;