@charset "UTF-8";.ScreenCard[data-v-2c81246f]{width:100%;height:auto}.ScreenCard .header[data-v-2c81246f]{display:flex;align-items:center}.ScreenCard .header .title-box .title[data-v-2c81246f]{font-size:var(--fs-4xl);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:#191919}.ScreenCard .header .title-box .secondary-title[data-v-2c81246f]{font-size:var(--fs-4xl);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--three-level-text-color)}.ScreenCard .header .title-box .sub-title[data-v-2c81246f]{font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-top:4px;color:var(--three-level-text-color)}@media screen and (max-width: 799px){.title[data-v-2c81246f],.secondary-title[data-v-2c81246f]{font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal);line-height:var(--lh-tight)!important}.sub-title[data-v-2c81246f]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}}.TableLayout[data-v-45889730]{width:100%;height:100%;position:relative;display:grid;margin-top:var(--itemSpacing);grid-column-gap:var(--itemSpacing);grid-row-gap:var(--itemSpacing)}.TableLayout .container[data-v-45889730]{width:100%}@media screen and (max-width: 979px){.TableLayout[data-v-45889730]{grid-template-columns:repeat(var(--colXs),1fr);grid-column-gap:var(--itemSpacing);grid-row-gap:var(--itemSpacing)}}@media screen and (min-width: 1024px) and (max-width: 1279px){.TableLayout[data-v-45889730]{grid-template-columns:repeat(var(--colSm),1fr);grid-column-gap:var(--itemSpacing);grid-row-gap:var(--itemSpacing)}}@media screen and (min-width: 1280px) and (max-width: 1679px){.TableLayout[data-v-45889730]{grid-template-columns:repeat(var(--colMd),1fr);grid-column-gap:var(--itemSpacing);grid-row-gap:var(--itemSpacing)}}@media screen and (min-width: 1680px) and (max-width: 1919px){.TableLayout[data-v-45889730]{grid-template-columns:repeat(var(--colLg),1fr);grid-column-gap:var(--itemSpacing);grid-row-gap:var(--itemSpacing)}}@media screen and (min-width: 1920px){.TableLayout[data-v-45889730]{grid-template-columns:repeat(var(--colXlg),1fr);grid-column-gap:var(--itemSpacing);grid-row-gap:var(--itemSpacing)}}.is-hover[data-v-45889730]{position:relative}.is-hover[data-v-45889730]:after{left:-12px;top:-12px;position:absolute;z-index:1;padding:12px;content:"";width:100%;height:100%;border-radius:32px;box-shadow:0 0 6px 4px transparent;transition:all .3s;box-sizing:content-box;pointer-events:none}.is-hover[data-v-45889730]:hover{cursor:pointer}.is-hover[data-v-45889730]:hover:after{box-shadow:0 10px 20px #0000001a}.useHWRatio[data-v-45889730]{height:0!important;aspect-ratio:var(--hwRatio);-webkit-aspect-ratio:var(--hwRatio);position:relative;padding-bottom:var(--hwRatioPadding)}@media screen and (max-width: 799px){.is-hover[data-v-45889730]:after{left:-6px;top:-6px;padding:6px!important;border-radius:12px!important}}.LazyImage[data-v-0caa03ed]{width:100%;height:100%;overflow:hidden;border-radius:16px;position:relative;z-index:1}.LazyImage .loading-ani[data-v-0caa03ed]{position:absolute;top:0;left:0;right:0;bottom:0}.LazyImage img[data-v-0caa03ed]{position:relative;width:100%;aspect-ratio:1 / 1;object-fit:contain}@keyframes slide-to-right-0caa03ed{0%{background-position:100% 50%}to{background-position:0% 50%}}.loading-ani[data-v-0caa03ed]{background-image:linear-gradient(to left,#e3e3e3,#f3f3f3,#e3e3e3,#f3f3f3);animation:slide-to-right-0caa03ed 3s infinite;background-size:400% 400%}.loading-ani .top-mask[data-v-0caa03ed]{position:absolute;top:0;left:0;width:100%;height:20%}.loading-ani .left-mask[data-v-0caa03ed]{position:absolute;top:0;left:0;width:20%;height:100%}@media screen and (max-width: 440px){.mockup-item-for-mobile .item-top .title[data-v-6bf2e92a]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-item-for-mobile .item-top .num[data-v-6bf2e92a]{line-height:10px!important;padding-top:4px!important}.mockup-item-for-mobile .item-top .num span[data-v-6bf2e92a]{display:inline-block;font-size:10px!important;position:relative}.mockup-item-for-mobile .arrow[data-v-6bf2e92a]{width:12px;height:12px!important;display:flex;margin-top:2px}.mockup-item-for-mobile .arrow img[data-v-6bf2e92a]{width:12px;height:12px;transform:translate(0)!important}.mockup-item-for-mobile .arrow .active-img[data-v-6bf2e92a]{width:12px!important;height:10px!important;border-radius:12px}.mockup-item-for-mobile .arrow .active-img img[data-v-6bf2e92a]{width:12px;height:12px}}@media screen and (max-width: 799px){.banner-item-for-mobile[data-v-6bf2e92a]{border-radius:12px!important}.banner-item-for-mobile .item-top[data-v-6bf2e92a]{padding:2.75% 6% 4px!important}.banner-item-for-mobile .item-img[data-v-6bf2e92a]{height:100%!important;border-radius:0 0 12px 12px!important}.banner-item-for-mobile .item-img[data-v-6bf2e92a] .LazyImage{display:flex;align-items:flex-end;justify-content:flex-end}.banner-item-for-mobile .item-img[data-v-6bf2e92a] .LazyImage .loading-ani{top:unset}.banner-item-for-mobile .item-img[data-v-6bf2e92a] .LazyImage img{width:70%!important;position:relative;height:100%;object-fit:unset;aspect-ratio:unset!important}.mockup-item-for-mobile[data-v-6bf2e92a]{border-radius:12px!important;padding:12px 0 12px 12px!important}.mockup-3d-item-for-mobile[data-v-6bf2e92a] .image-container,.render-scene-item-for-mobile[data-v-6bf2e92a],.video-animation-item-for-mobile[data-v-6bf2e92a]{border-radius:12px!important}}@media screen and (min-width: 800px) and (max-width: 1679px){.mockup-item-for-mobile.MockupItem .pic[data-v-6bf2e92a]{width:70%!important;height:70%!important;top:30%!important;right:0!important;bottom:0}}@media screen and (min-width: 800px){.banner-item-for-mobile .item-top .arrow img[data-v-6bf2e92a]{width:24px!important;height:24px!important}}.BannerItem[data-v-6bf2e92a]{position:absolute;width:100%;height:100%;border-radius:24px;box-shadow:0 12px 24px #00000014;background-color:#fff;transition:all .3s ease-in-out;overflow:hidden}.BannerItem[data-v-6bf2e92a]:hover{transform:translateY(-4px);cursor:pointer}.BannerItem .item-top[data-v-6bf2e92a]{display:flex;justify-content:space-between;padding:7.1425% 9.5268% 8px;align-items:center;position:relative;z-index:2}.BannerItem .item-top .title[data-v-6bf2e92a]{white-space:nowrap;width:80%;font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal);line-height:1.2;font-weight:var(--fw-medium);color:#262626;position:relative;z-index:3}.BannerItem .item-top .arrow[data-v-6bf2e92a]{width:36px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:3px 6px}.BannerItem .item-top .arrow img[data-v-6bf2e92a]{width:100%;height:100%;aspect-ratio:1 / 1}.BannerItem .item-top .arrow i[data-v-6bf2e92a]{font-size:24px}.BannerItem .item-top .arrow i.active[data-v-6bf2e92a]{color:#fff}.BannerItem .item-top .arrow.isHover[data-v-6bf2e92a],.BannerItem .item-top .arrow.isTouch[data-v-6bf2e92a]{background-color:#191919!important}.BannerItem .item-img[data-v-6bf2e92a]{width:100%;position:absolute;bottom:0;height:100%;z-index:1;border-radius:0 0 24px 24px;overflow:hidden}.BannerItem .item-img[data-v-6bf2e92a] .LazyImage{border-radius:0}.BannerItem .item-img[data-v-6bf2e92a] .LazyImage img{width:100%;height:100%;aspect-ratio:1 / 1}@media screen and (max-width: 440px){.mockup-item-for-mobile .item-top .title[data-v-f3bb7ef0]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-item-for-mobile .item-top .num[data-v-f3bb7ef0]{line-height:10px!important;padding-top:4px!important}.mockup-item-for-mobile .item-top .num span[data-v-f3bb7ef0]{display:inline-block;font-size:10px!important;position:relative}.mockup-item-for-mobile .arrow[data-v-f3bb7ef0]{width:12px;height:12px!important;display:flex;margin-top:2px}.mockup-item-for-mobile .arrow img[data-v-f3bb7ef0]{width:12px;height:12px;transform:translate(0)!important}.mockup-item-for-mobile .arrow .active-img[data-v-f3bb7ef0]{width:12px!important;height:10px!important;border-radius:12px}.mockup-item-for-mobile .arrow .active-img img[data-v-f3bb7ef0]{width:12px;height:12px}}@media screen and (max-width: 799px){.banner-item-for-mobile[data-v-f3bb7ef0]{border-radius:12px!important}.banner-item-for-mobile .item-top[data-v-f3bb7ef0]{padding:2.75% 6% 4px!important}.banner-item-for-mobile .item-img[data-v-f3bb7ef0]{height:100%!important;border-radius:0 0 12px 12px!important}.banner-item-for-mobile .item-img[data-v-f3bb7ef0] .LazyImage{display:flex;align-items:flex-end;justify-content:flex-end}.banner-item-for-mobile .item-img[data-v-f3bb7ef0] .LazyImage .loading-ani{top:unset}.banner-item-for-mobile .item-img[data-v-f3bb7ef0] .LazyImage img{width:70%!important;position:relative;height:100%;object-fit:unset;aspect-ratio:unset!important}.mockup-item-for-mobile[data-v-f3bb7ef0]{border-radius:12px!important;padding:12px 0 12px 12px!important}.mockup-3d-item-for-mobile[data-v-f3bb7ef0] .image-container,.render-scene-item-for-mobile[data-v-f3bb7ef0],.video-animation-item-for-mobile[data-v-f3bb7ef0]{border-radius:12px!important}}@media screen and (min-width: 800px) and (max-width: 1679px){.mockup-item-for-mobile.MockupItem .pic[data-v-f3bb7ef0]{width:70%!important;height:70%!important;top:30%!important;right:0!important;bottom:0}}@media screen and (min-width: 800px){.banner-item-for-mobile .item-top .arrow img[data-v-f3bb7ef0]{width:24px!important;height:24px!important}}.MockupItem[data-v-f3bb7ef0]{width:100%;height:100%;position:absolute;border-radius:24px;padding:24px 0 24px 24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:box-shadow .2s ease-in-out}.MockupItem[data-v-f3bb7ef0]:hover{box-shadow:0 8px 16px #0000001f}.MockupItem .item-top[data-v-f3bb7ef0]{position:relative;z-index:2}.MockupItem .item-top .title[data-v-f3bb7ef0]{max-width:60%;word-wrap:break-word;font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:1.2}.MockupItem .item-top .num[data-v-f3bb7ef0]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);padding-top:8px}.MockupItem .item-top .num-color[data-v-f3bb7ef0]{color:#7f7f7f}.MockupItem .arrow[data-v-f3bb7ef0]{height:26px}.MockupItem .arrow img[data-v-f3bb7ef0]{aspect-ratio:1 / 1}.MockupItem .arrow .default-img[data-v-f3bb7ef0]{transform:translate(3px)}.MockupItem .arrow .active-img[data-v-f3bb7ef0]{width:32px;height:24px;border-radius:24px;background-color:#191919;display:flex;align-items:center;justify-content:center}.MockupItem .pic[data-v-f3bb7ef0]{position:absolute;top:0;right:0;bottom:0;z-index:1;margin:auto}.MockupItem .pic[data-v-f3bb7ef0] .LazyImage{border-radius:0;width:unset}.MockupItem .pic[data-v-f3bb7ef0] .LazyImage img{border-radius:24px;width:auto!important;height:100%;aspect-ratio:1 / 1}@media screen and (max-width: 979px){.pic[data-v-f3bb7ef0] .LazyImage img{border-radius:12px!important}}@media screen and (max-width: 440px){.mockup-item-for-mobile .item-top .title[data-v-50e24981]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-item-for-mobile .item-top .num[data-v-50e24981]{line-height:10px!important;padding-top:4px!important}.mockup-item-for-mobile .item-top .num span[data-v-50e24981]{display:inline-block;font-size:10px!important;position:relative}.mockup-item-for-mobile .arrow[data-v-50e24981]{width:12px;height:12px!important;display:flex;margin-top:2px}.mockup-item-for-mobile .arrow img[data-v-50e24981]{width:12px;height:12px;transform:translate(0)!important}.mockup-item-for-mobile .arrow .active-img[data-v-50e24981]{width:12px!important;height:10px!important;border-radius:12px}.mockup-item-for-mobile .arrow .active-img img[data-v-50e24981]{width:12px;height:12px}}@media screen and (max-width: 799px){.banner-item-for-mobile[data-v-50e24981]{border-radius:12px!important}.banner-item-for-mobile .item-top[data-v-50e24981]{padding:2.75% 6% 4px!important}.banner-item-for-mobile .item-img[data-v-50e24981]{height:100%!important;border-radius:0 0 12px 12px!important}.banner-item-for-mobile .item-img[data-v-50e24981] .LazyImage{display:flex;align-items:flex-end;justify-content:flex-end}.banner-item-for-mobile .item-img[data-v-50e24981] .LazyImage .loading-ani{top:unset}.banner-item-for-mobile .item-img[data-v-50e24981] .LazyImage img{width:70%!important;position:relative;height:100%;object-fit:unset;aspect-ratio:unset!important}.mockup-item-for-mobile[data-v-50e24981]{border-radius:12px!important;padding:12px 0 12px 12px!important}.mockup-3d-item-for-mobile[data-v-50e24981] .image-container,.render-scene-item-for-mobile[data-v-50e24981],.video-animation-item-for-mobile[data-v-50e24981]{border-radius:12px!important}}@media screen and (min-width: 800px) and (max-width: 1679px){.mockup-item-for-mobile.MockupItem .pic[data-v-50e24981]{width:70%!important;height:70%!important;top:30%!important;right:0!important;bottom:0}}@media screen and (min-width: 800px){.banner-item-for-mobile .item-top .arrow img[data-v-50e24981]{width:24px!important;height:24px!important}}.list-item[data-v-50e24981]{position:relative;cursor:pointer;width:100%}.list-item .tip[data-v-50e24981]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);color:var(--h4-color);position:absolute;z-index:1;left:16px;top:16px}.list-item .img__container[data-v-50e24981]{position:relative;padding-bottom:100%}.list-item .img__container[data-v-50e24981] .image-container{position:absolute;width:100%!important;height:100%!important;border-radius:24px;overflow:hidden;transition:box-shadow .2s ease-in-out}.list-item .img__container[data-v-50e24981] .image-container:hover{box-shadow:0 8px 16px #0000001f}.list-item .side-image-box[data-v-50e24981]{position:absolute;right:8px;top:0}.list-item .side-image-box .side-image-item[data-v-50e24981]{width:56px;overflow:hidden;height:56px;border-radius:4px;border:solid 1px var(--border-color);margin-top:8px}.list-item .master-image[data-v-50e24981]{border-radius:8px}.list-item .master-image[data-v-50e24981] img{max-height:100%;height:100%;object-fit:cover}.list-item .bottom-content[data-v-50e24981]{height:31%}.list-item .bottom-content[data-v-50e24981] .title{margin-top:12px;font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);line-height:1.2;color:var(--three-level-text-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.list-item .bottom-content .material-list[data-v-50e24981]{display:flex;align-items:center;margin-top:8px}.list-item .bottom-content .material-list .material-item[data-v-50e24981]{width:20px;height:20px;border-radius:50%;margin-right:8px;cursor:pointer;position:relative}.list-item .bottom-content .material-list .material-item[data-v-50e24981]:after{box-sizing:border-box;position:absolute;top:-2px;left:-2px;display:flex;content:"";width:24px;height:24px;border:1px solid #bfbfbf;border-radius:50%;opacity:0;transition:opacity .3s}.list-item .bottom-content .material-list .material-item.active[data-v-50e24981]:after{opacity:1}@media screen and (max-width: 440px){[data-v-50e24981] .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media screen and (max-width: 799px){.is-hover[data-v-50e24981]:after{left:-6px;top:-6px;padding:6px!important;border-radius:12px!important}}.AllBtn[data-v-f4a9acb0]{margin-top:40px;width:100%;display:flex;justify-content:flex-end}.AllBtn .all-btn[data-v-f4a9acb0]{width:auto;padding:0 20px;display:flex;justify-content:center;align-items:center;height:40px;background:#191919;border-radius:20px;border:none;color:#fff;transition:all .3s ease-in-out}.AllBtn .all-btn[data-v-f4a9acb0]:active{background-color:#191919!important;box-shadow:0 4px 8px #7343bf26}.AllBtn .all-btn[data-v-f4a9acb0]:hover{cursor:pointer;background-color:#4c4c4c}.AllBtn .all-btn .content[data-v-f4a9acb0]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);text-align:left;color:#fff}.AllBtn .all-btn .arrow[data-v-f4a9acb0]{margin-left:24px;position:relative;transition:all .3s ease-in-out}.AllBtn .all-btn .arrow img[data-v-f4a9acb0]{position:relative;top:1px;aspect-ratio:1 / 1}@media screen and (max-width: 980px){.AllBtn .all-btn[data-v-f4a9acb0]{width:100%}}.p-list[data-v-6217d6b7]{display:grid;width:100%;margin-top:32px;grid-column-gap:32px;grid-row-gap:32px}.p-list .container[data-v-6217d6b7]{height:100%}@media screen and (min-width: 1680px){.p-list[data-v-6217d6b7]{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width: 1679px){.p-list[data-v-6217d6b7]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 799px){.p-list[data-v-6217d6b7]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px;grid-row-gap:16px}}.GridLayout[data-v-cf5f30dd],.GridLayout .container[data-v-cf5f30dd]{width:100%;height:auto}.GridLayout .container .grid__container[data-v-cf5f30dd]{width:100%;height:auto;display:flex;flex-wrap:wrap}.GridLayout .container .grid__container .item_outer__container[data-v-cf5f30dd]{padding-top:var(--itemSpacing)}.GridLayout .container .grid__container .item_outer__container .item_inner__container[data-v-cf5f30dd]{width:100%;padding-bottom:var(--hwRatio);position:relative}.is-hover[data-v-cf5f30dd]{position:relative}.is-hover[data-v-cf5f30dd]:after{left:-12px;top:-12px;position:absolute;z-index:1;padding:12px;content:"";width:100%;height:100%;border-radius:24px;box-shadow:0 0 6px 4px transparent;transition:all .3s;box-sizing:content-box;pointer-events:none}.is-hover[data-v-cf5f30dd]:hover{cursor:pointer}.is-hover[data-v-cf5f30dd]:hover:after{box-shadow:0 10px 20px #0000001a}@media screen and (max-width: 799px){.is-hover[data-v-cf5f30dd]:after{left:-6px;top:-6px;padding:6px!important;border-radius:12px!important}}.DielineItem[data-v-cf7f70d7]{position:absolute;width:100%;height:100%}.DielineItem[data-v-cf7f70d7] .LazyImage{transition:box-shadow .2s ease-in-out}.DielineItem[data-v-cf7f70d7] .LazyImage img{aspect-ratio:4 / 3}.DielineItem[data-v-cf7f70d7] .LazyImage:hover{box-shadow:0 8px 16px #0000001f}@media screen and (max-width: 440px){.mockup-item-for-mobile .item-top .title[data-v-874f223e]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-item-for-mobile .item-top .num[data-v-874f223e]{line-height:10px!important;padding-top:4px!important}.mockup-item-for-mobile .item-top .num span[data-v-874f223e]{display:inline-block;font-size:10px!important;position:relative}.mockup-item-for-mobile .arrow[data-v-874f223e]{width:12px;height:12px!important;display:flex;margin-top:2px}.mockup-item-for-mobile .arrow img[data-v-874f223e]{width:12px;height:12px;transform:translate(0)!important}.mockup-item-for-mobile .arrow .active-img[data-v-874f223e]{width:12px!important;height:10px!important;border-radius:12px}.mockup-item-for-mobile .arrow .active-img img[data-v-874f223e]{width:12px;height:12px}}@media screen and (max-width: 799px){.banner-item-for-mobile[data-v-874f223e]{border-radius:12px!important}.banner-item-for-mobile .item-top[data-v-874f223e]{padding:2.75% 6% 4px!important}.banner-item-for-mobile .item-img[data-v-874f223e]{height:100%!important;border-radius:0 0 12px 12px!important}.banner-item-for-mobile .item-img[data-v-874f223e] .LazyImage{display:flex;align-items:flex-end;justify-content:flex-end}.banner-item-for-mobile .item-img[data-v-874f223e] .LazyImage .loading-ani{top:unset}.banner-item-for-mobile .item-img[data-v-874f223e] .LazyImage img{width:70%!important;position:relative;height:100%;object-fit:unset;aspect-ratio:unset!important}.mockup-item-for-mobile[data-v-874f223e]{border-radius:12px!important;padding:12px 0 12px 12px!important}.mockup-3d-item-for-mobile[data-v-874f223e] .image-container,.render-scene-item-for-mobile[data-v-874f223e],.video-animation-item-for-mobile[data-v-874f223e]{border-radius:12px!important}}@media screen and (min-width: 800px) and (max-width: 1679px){.mockup-item-for-mobile.MockupItem .pic[data-v-874f223e]{width:70%!important;height:70%!important;top:30%!important;right:0!important;bottom:0}}@media screen and (min-width: 800px){.banner-item-for-mobile .item-top .arrow img[data-v-874f223e]{width:24px!important;height:24px!important}}.RenderItem[data-v-874f223e]{width:100%;height:100%;position:absolute}.RenderItem .container[data-v-874f223e]{width:100%;height:100%;overflow:hidden;border-radius:24px;position:relative;cursor:pointer;transition:box-shadow .2s ease-in-out}.RenderItem .container[data-v-874f223e]:hover{box-shadow:0 8px 16px #0000001f}[data-v-a0ce6640] .GridLayout .is-hover:after{border-radius:32px!important}[data-v-a0ce6640] .GridLayout .LazyImage img{aspect-ratio:1}.enter-animation{animation:bottom-enter .5s ease-in-out forwards}@keyframes bottom-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes animation-in-up{0%{transform:translateY(30px);opacity:0;visibility:hidden}to{transform:translateY(0);opacity:1;visibility:visible}}.banner-animation{animation:bottom-enter .7s ease-in-out}.box-animation{animation:animation-in-up 1s forwards}.base-animation-style{opacity:0}.opacity{opacity:1}.App[data-v-5c201622]{width:100%;height:100%}.App .banner[data-v-5c201622]{width:100%;background-color:#f2f2f2;padding-top:80px;padding-bottom:80px}.App .banner .GridLayout[data-v-5c201622]{margin-top:28px}.App .screen[data-v-5c201622]{width:100%;margin-bottom:32px}.App .screen .ScreenCard[data-v-5c201622]{margin-top:80px}.App .screen[data-v-5c201622] .footer{margin-top:120px;width:100%!important;padding-left:0!important;padding-right:0!important}@media screen and (max-width: 799px){.screen[data-v-5c201622],.banner[data-v-5c201622]{padding:30px 20px!important}.ScreenCard[data-v-5c201622]{margin-top:40px!important}[data-v-5c201622] .footer{margin-top:60px!important}.banner .ScreenCard[data-v-5c201622]{margin-top:0!important}}@media screen and (min-width: 800px) and (max-width: 1199px){.screen[data-v-5c201622]{padding-left:60px;padding-right:60px}.screen .ScreenCard[data-v-5c201622]{margin-top:60px!important}.banner[data-v-5c201622]{padding:60px!important}}@media screen and (min-width: 1200px) and (max-width: 1679px){.screen[data-v-5c201622]{padding-left:120px;padding-right:120px}.screen .ScreenCard[data-v-5c201622]{margin-top:72px!important}.banner[data-v-5c201622]{padding:72px 120px!important}}@media screen and (min-width: 1680px) and (max-width: 1919px){[data-v-5c201622] .banner .ScreenCard,.screen[data-v-5c201622]{margin:0 auto;width:1440px!important}}@media screen and (min-width: 1920px){.screen[data-v-5c201622],.banner[data-v-5c201622]{padding-left:240px;padding-right:240px}}