.ht-layers{background-color:var(--bg-color);color:var(--text-color);padding:5rem 0}.ht-layers .page-width{display:flex;align-items:center;justify-content:center;gap:17px}.ht-layers .content-box{flex:0 1 36%;max-width:36%}.ht-layers .section-heading{text-align:var(--text-align-pc)}.ht-layers .section-heading span{color:var(--highlight-text-color)}.ht-layers .section-title{font-size:clamp(24px,2.92vw,56px);line-height:1}.ht-layers .section-desc{font-size:clamp(16px,.94vw,18px);line-height:1.5}.ht-layers .section-title+.section-desc{margin-top:clamp(16px,1.25vw,24px)}.ht-layers .image-box{flex:0 1 64%;max-width:64%;position:relative}.ht-layers .image-box img{width:100%;height:auto;opacity:0}.ht-layers .image-box img:not(:first-child){position:absolute;top:0;left:0}.ht-layers .image-box img.active{opacity:1}.ht-layers-list{display:grid;grid-template-rows:repeat(4,1fr);text-align:left;margin:0;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.ht-layers-list .layers-item{display:flex;flex-direction:row}.ht-layers .item-title{font-size:clamp(12px,.83vw,16px);font-weight:700;line-height:1;display:inline-flex;align-items:center;position:relative;width:max-content;height:max-content}.ht-layers-list .layers-item.active .item-title{color:var(--highlight-text-color)}.ht-layers-list .layers-item.active .item-title .index{background-color:var(--highlight-text-color)}.ht-layers-list .layers-item:nth-child(1) .item-title{left:18%;top:60%}.ht-layers-list .layers-item:nth-child(2) .item-title{left:8%;top:25%}.ht-layers-list .layers-item:nth-child(3) .item-title{left:3%;top:5%}.ht-layers-list .layers-item:nth-child(4) .item-title{left:12%;top:20%}.ht-layers .item-title:after{display:inline-block;content:"";width:100%;height:1px;background-color:#14080033;position:absolute;left:0;bottom:clamp(-17px,-.89vw,-5px);min-width:195px}.ht-layers .item-title .index{color:var(--color-white);background-color:#757575;font-size:clamp(12px,.94vw,18px);font-family:var(--fonts-header);font-style:italic;display:flex;justify-content:center;align-items:center;width:clamp(18px,1.41vw,27px);height:clamp(18px,1.41vw,27px);border-radius:50%;text-indent:-2px;margin-right:clamp(3px,.39vw,7.5px)}@media only screen and (max-width: 1000px){.ht-layers{padding:3.2rem 0}}@media only screen and (max-width: 749px){.ht-layers{padding:4rem 0}.ht-layers .page-width{flex-wrap:wrap}.ht-layers .content-box{flex:0 1 100%;max-width:100%;padding:0}.ht-layers .image-box{flex:0 1 100%;max-width:100%;padding:8vw 0;background-image:var(--mb-bg);background-position:top right;background-size:contain;background-repeat:no-repeat}.ht-layers-list{position:static;width:100%;display:flex;flex-direction:column;gap:16px}.ht-layers .item-title{position:static;left:unset;top:unset;height:auto}.ht-layers .item-title:after{display:none}.ht-layers-list .layers-item .item-title{color:var(--text-color)!important}.ht-layers .item-title .index{background-color:var(--highlight-text-color);margin-right:5px}.ht-layers .item-title .text{position:relative}.ht-layers .item-title .text:after{display:inline-block;content:"";width:100%;height:1px;background-color:#14080033;position:absolute;left:0;bottom:-3px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/ht-layers.css.map */