.top{--slide-height:600px;height:calc(156px + var(--slide-height));position:relative}.top .splide__track{padding:0}.top .slider-controls-box{margin:0 auto;max-width:1226px;padding:0 32px}.top-list{flex:0 0 100%;gap:0;scroll-padding-inline:0}.top-main{height:100%;scroll-snap-align:start}.top-flex{display:flex;flex-direction:column}.top-flex.has-after:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--hero-slider-blue);box-shadow:0 0 1px 10px var(--hero-slider-blue);content:"";filter:blur(10px);height:20px;left:0;position:absolute;right:0;top:230px}.top-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:240px;--formatted-img:var(--bg-img);background-image:var(--formatted-img)}@supports (background-image:var(--bg-img-webp )){.top-img{--formatted-img:var(--bg-img-webp,var(--bg-img))}}@supports (background-image:var(--bg-img-avif )){.top-img{--formatted-img:var(--bg-img-avif,var(--bg-img))}}.top-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.top-content-img{padding:32px}.top-container{align-items:center;background-color:var(--bg-color);display:grid;grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:var(--slide-height);position:relative;width:100%;z-index:1}.top-container.brand-slide{cursor:pointer;transition:.3s}.top-container.brand-slide:hover{filter:brightness(110%) contrast(110%)}.top-container img:not(.icon){height:auto;-o-object-fit:contain;object-fit:contain;width:300px}.top-container .background-image{top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:-1}.top-container .background-image img:not(.icon){height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}.top-container .desktop-image{display:none}.top-block-content{align-self:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center}.top-block-content:not(.img){padding:0 24px}.top-block-content.left{grid-area:left}.top-block-content.left.img,.top-block-content.right{grid-area:right}.top-block-content.white h3,.top-block-content.white p{color:var(--white)}.top-block-content .brand-text{color:inherit;font-size:1rem;font-weight:var(--font-w-bold);line-height:1.125rem;margin:12px 0 0}.top-block-content h3{font-size:2.25rem;font-weight:var(--font-w-bold);letter-spacing:-.72px;line-height:2.75rem;margin-bottom:8px}.top-block-content h3,.top-block-content p{align-self:center;color:inherit;text-align:center}.top-block-content p{font-size:1rem;font-weight:var(--font-w-regular);line-height:1.5rem}.top-block-content [data-type=button],.top-block-content button{align-self:center;margin-top:24px}.top-block-content .has-background{position:relative;z-index:0}.top-block-content .has-background:after{background-color:#ffffffa6;content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:110%;z-index:-1}.top-content{background-repeat:no-repeat;background-size:cover;height:358px;padding:0 16px;--formatted-img:var(--bg-img);background-image:var(--formatted-img)}@supports (background-image:var(--bg-img-webp )){.top-content{--formatted-img:var(--bg-img-webp,var(--bg-img))}}@supports (background-image:var(--bg-img-avif )){.top-content{--formatted-img:var(--bg-img-avif,var(--bg-img))}}.slide-logo{position:absolute;top:0;width:96px}.slide-logo img{width:100%}.avatar-box{--ava-size:96px;height:var(--ava-size);margin-top:-48px;min-width:var(--ava-size);position:relative;width:var(--ava-size);z-index:1}.avatar-img-box{align-items:center;background-color:var(--gray-50);border:4px solid var(--white);border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.avatar-img-box .no-avatar{color:var(--gray-600);height:70%;width:70%}.avatar-img,.avatar-img img{display:block;height:100%;margin:0 auto}.verified{bottom:5px;height:24px;position:absolute;right:5px;width:24px}.top-title{color:var(--gray-900);font-size:2.25rem;font-weight:var(--font-w-semibold);letter-spacing:-.02em;line-height:2.75rem;margin-top:12px;max-width:calc(100vw - 32px);word-wrap:break-word}.top-subtitle{color:var(--gray-600);font-size:.875rem;font-weight:var(--font-w-regular);line-height:1.25rem;margin-bottom:24px}@media (min-width:600px){.top-img{height:320px}.top-flex.has-after:after{content:none}.top{--slide-height:320px}.top-container{grid-template-areas:"left right";grid-template-columns:1fr 1fr;grid-template-rows:1fr}.top-container.product{background-position:50%;background-size:cover}.top-container img:not(.icon){height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.top-container .desktop-image{display:block}.top-container .mobile-image{display:none}.top-block-content{justify-content:flex-start}.top-block-content:not(.img){padding:0 10px 0 38px}.top-block-content.left.img{grid-area:left}.top-block-content h3{align-self:flex-start;font-size:1.875rem;line-height:2.375rem;margin-bottom:8px;text-align:start}.top-block-content p{align-self:flex-start;font-size:.75rem;line-height:1.125rem;text-align:start}.top-block-content [data-type=button],.top-block-content button{align-self:flex-start;margin-top:20px;--button-height:36px;--button-padding:8px 14px;--button-gap:8px;--button-font-size:14px;--button-line-height:20px}.top{margin:0 auto;max-width:1920px}.top-img{background-position:0;background-size:50% 100%;position:relative;width:100%}.top-img:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:var(--formatted-img);background-position:100%;background-repeat:no-repeat;background-size:cover;content:"";filter:blur(10px);height:100%;left:48%;position:absolute;width:4%}.top-img img{margin-left:auto;width:50%}.top-content{background:none;display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;max-width:1216px;padding:0 24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.slide-logo{height:100%;width:70px}.avatar-box{--ava-size:72px;margin-top:0}.verified{bottom:0;right:0}.top-title{font-size:30px;line-height:38px}.top-subtitle{margin-bottom:24px}.top-content-img{padding:10% 20%}}@media (min-width:905px){.top-content{padding:0 64px}.top-img{height:450px}.slide-logo{width:107px}.avatar-box{--ava-size:96px}.verified{bottom:5px;right:5px}.top-title{font-size:48px;line-height:60px}.top-subtitle{font-size:16px;line-height:24px;margin-top:16px}.top{--slide-height:450px}.top-block-content:not(.img){padding:64px 0 0 32px}.top-block-content .brand-text{font-size:1.125rem;line-height:1.25rem;margin-top:18px}.top-block-content h3{font-size:3rem;letter-spacing:-.06rem;line-height:3.75rem;margin-bottom:16px}.top-block-content p{font-size:1.125rem;line-height:1.75rem}.top-block-content [data-type=button],.top-block-content button{margin-top:24px}}@media (min-width:1240px){.title-wrapper h3+p{font-size:20px}.top-content{padding:0 96px}.top-content-img{padding:80px}.top-img{height:620px}.top{--slide-height:620px}.top-block-content .brand-text{font-size:1.625rem;line-height:1.875rem;margin-top:26px}.top-block-content h3{font-size:3.75rem;letter-spacing:-.075rem;line-height:4.5rem;margin-bottom:24px}.top-block-content p{font-size:1.25rem;line-height:1.875rem}.top-block-content [data-type=button],.top-block-content button{margin-top:48px;--button-height:48px;--button-padding:12px 20px;--button-gap:8px;--button-font-size:16px;--button-line-height:24px}.slide-logo{margin-left:16px;width:123px}.avatar-box{--ava-size:160px}.verified{bottom:14px;right:14px}.top-title{font-size:60px;line-height:72px}.top-subtitle{font-size:20px;line-height:30px;margin-bottom:32px}}@media (min-width:1440px){.top-img{height:820px}.top-content{padding:0}.top-content-img{padding:200px 50px 100px 200px}.top{--slide-height:820px}.top-block-content:not(.img){padding:64px}.top-block-content .brand-text{font-size:1.9375rem;line-height:2.1875rem}.top-block-content h3{font-size:4.5rem;letter-spacing:-.09rem;line-height:5.625rem}.top-block-content [data-type=button],.top-block-content button{--button-height:60px;--button-padding:16px 28px;--button-gap:12px;--button-font-size:18px;--button-line-height:28px;--button-icon-size:24px}.top-subtitle{margin-bottom:48px;margin-top:24px}}@media (min-width:1920px){.top-block-content:not(.img){padding:80px 160px 0}.top-block-content .brand-text{font-size:2.25rem;line-height:2.5rem}}
