.section-grid-tabs{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.section-grid-tabs .grid__row{display:flex;flex-direction:row;align-items:stretch;justify-content:center;width:100%;height:calc(825 / 1728 * 100vw);min-height:fit-content;background-color:var(--hp-color-extra-light)}.section-grid-tabs .grid__row--right{flex-direction:row-reverse}.section-grid-tabs .grid__image{display:flex;position:relative;background-size:cover;width:50%;background-position:center}.section-grid-tabs .grid__image .tab__image{opacity:0;transition:opacity .3s ease-in-out;width:100%;height:100%;object-fit:cover;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;position:absolute;top:0;left:0}.section-grid-tabs .grid__image .tab__image.active{opacity:1;transition:all .1s ease-in-out;transition-delay:.2s}.section-grid-tabs .grid__content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:50%;padding:calc(140 / 1728 * 100vw) 0 0 calc(140 / 1728 * 100vw);color:var(--hp-color-normal);overflow:hidden}.section-grid-tabs .grid__content .grid__tabs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:38px;position:relative;margin-bottom:32px;overflow-x:auto;padding-right:16px}.section-grid-tabs .grid__content .grid__tabs .grid__tab{padding:0 32px;height:38px;color:var(--hp-color-light-active);cursor:pointer;position:relative;transition:all .3s ease-in-out}.section-grid-tabs .grid__content .grid__tabs .grid__tab:hover{color:var(--hp-color-normal-active);transition:all .1s ease-in-out}.section-grid-tabs .grid__content .grid__tabs .grid__tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;max-height:1px;background-color:var(--hp-color-light-active);transition:all .3s ease-in-out}.section-grid-tabs .grid__content .grid__tabs .grid__tab.active{color:var(--hp-color-normal-active);transition:all .1s ease-in-out;transition-delay:.2s}.section-grid-tabs .grid__content .grid__tabs .grid__tab.active:after{height:3px;max-height:3px;background-color:var(--hp-color-normal-active)}.section-grid-tabs .grid__content .grid__tabs__content{position:relative}.section-grid-tabs .grid__content .grid__tabs__content .grid__content__tab{padding-right:calc(140 / 1728 * 100vw);padding-bottom:32px;opacity:0;transition:all .3s ease-in-out;position:relative;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;display:none}.section-grid-tabs .grid__content .grid__tabs__content .grid__content__tab.active{display:flex;opacity:1;transition:all .1s ease-in-out;transition-delay:.2s}.section-grid-tabs .grid__content .grid__tabs__content .grid__content__tab .title{margin:0 0 32px;color:inherit;text-align:left}.section-grid-tabs .grid__content .grid__tabs__content .grid__content__tab .text{text-align:left;color:inherit}.section-grid-tabs .grid__content .grid__tabs__content .grid__content__tab .text *{margin:0}@media screen and (max-width: 1440px){.section-grid-tabs .grid__image{width:40%}.section-grid-tabs .grid__content{width:60%}}@media screen and (max-width: 768px){.section-grid-tabs{margin:0}.section-grid-tabs.first-grid-tabs{margin-top:56px}.section-grid-tabs.last-grid-tabs{margin-top:56px}.section-grid-tabs .grid__row{flex-direction:column;min-height:unset;height:auto}.section-grid-tabs .grid__row .grid__image{width:100%;height:calc(358 / 375 * 100vw)}.section-grid-tabs .grid__row .grid__content{width:100%;padding:56px 0 56px 16px}.section-grid-tabs .grid__row .grid__content .grid__tabs__content .grid__content__tab{display:none;padding-bottom:0;padding-right:16px}.section-grid-tabs .grid__row .grid__content .grid__tabs__content .grid__content__tab.active{display:flex;position:relative}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-grid-tabs.css.map */