.ht-controls{background-color:var(--bg-color);color:var(--text-color);padding:5rem 0}.ht-controls .page-width{display:flex;align-items:center;justify-content:center}.ht-controls .images-box{position:relative;flex:0 1 50%;max-width:50%;margin:0;overflow:hidden}.ht-controls .images-box img{display:block;width:100%;height:auto;animation:controlsFade var(--ad-duration) infinite;animation-play-state:paused;animation-delay:var(--item-delay)}.ht-controls .images-box img:not(:first-child){position:absolute;top:0;left:0;opacity:0}@keyframes controlsFade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.ht-controls .content-box{flex:0 1 50%;max-width:50%;padding:0 clamp(3.2rem,5.83vw,112px)}.ht-controls .section-heading{text-align:var(--text-align-pc)}.ht-controls .section-heading span{color:var(--highlight-text-color)}.ht-controls .section-title{font-size:clamp(24px,2.92vw,56px);line-height:1}.ht-controls .section-desc{font-size:clamp(16px,.94vw,18px);line-height:1.5}.ht-controls .section-title+.section-desc{margin-top:clamp(16px,1.25vw,24px)}.ht-controls .section-heading+.ht-controls-list{margin-top:clamp(32px,2.92vw,56px)}.ht-controls-list{display:flex;justify-content:var(--text-align-pc);gap:var(--item-gap);margin-bottom:0}.ht-controls-list .controls-item{display:flex;flex-direction:column;align-items:center}.ht-controls .item-icon svg{display:inline-flex;width:clamp(45px,3.13vw,60px);height:clamp(45px,3.13vw,60px)}.ht-controls .item-content-box{color:var(--text-color);margin-top:clamp(12px,.83vw,16px);padding:0 clamp(5px,.78vw,15px);width:100%}.ht-controls .item-title{color:var(--text-color);font-size:clamp(14px,.94vw,18px);font-weight:700;line-height:1}.ht-controls .item-desc{color:var(--text-color);font-size:clamp(12px,.83vw,16px);font-weight:400;line-height:1.5;margin-top:10px}@media only screen and (max-width: 1000px){.ht-controls{padding:3.2rem 0}.ht-controls .content-box{padding:0 3.2rem}}@media only screen and (max-width: 749px){.ht-controls{padding:4rem 0}.ht-controls .page-width{flex-wrap:wrap}.ht-controls .images-box{flex:0 1 100%;max-width:100%}.ht-controls .content-box{flex:0 1 100%;max-width:100%;padding:0;margin-top:24px}.ht-controls .section-heading{text-align:var(--text-align-mb)}.ht-controls-list{justify-content:var(--text-align-mb)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/ht-controls.css.map */