.havaianas-col-style-tabs-section{background:var(--havaianas-col-tabs-section-bg, #f3f3f3);padding:28px 0 18px}.havaianas-col-style-tabs__inner{max-width:var(--havaianas-col-tabs-max-width, 1140px);margin:0 auto;padding:0 18px;box-sizing:border-box}.havaianas-col-style-tabs__heading{margin:0 0 26px;color:var(--havaianas-col-tabs-heading-color, #000);font-size:24px;line-height:1.1;font-weight:500}.havaianas-col-style-tabs__nav-wrap{border-bottom:1px solid var(--havaianas-col-tabs-border-color, #d7d7d7);margin-bottom:22px}.havaianas-col-style-tabs__nav{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-end}.havaianas-col-style-tabs__tab{position:relative;border:0;background:transparent;color:var(--havaianas-col-tabs-tab-color, #8f8f8f);font-size:var(--havaianas-col-tabs-tab-size, 16px);line-height:1.2;padding:0 0 12px;cursor:pointer;transition:color .25s ease}.havaianas-col-style-tabs__tab:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:3px;background:var(--havaianas-col-tabs-tab-active-color, #000);transition:width .25s ease}.havaianas-col-style-tabs__tab:hover,.havaianas-col-style-tabs__tab.is-active{color:var(--havaianas-col-tabs-tab-active-color, #000);font-weight:600}.havaianas-col-style-tabs__tab.is-active:after{width:100%}.havaianas-col-style-tabs__viewport{position:relative}.havaianas-col-style-tabs__panels{position:relative;min-height:var(--havaianas-col-tabs-panel-height, 420px);overflow:hidden}.havaianas-col-style-tabs__panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--havaianas-col-panel-bg, #2349d8);color:var(--havaianas-col-panel-text, #fff);opacity:0;visibility:hidden;pointer-events:none;transform:translate(28px);transition:opacity .42s ease,transform .42s ease,visibility 0s linear .42s;z-index:1}.havaianas-col-style-tabs__panel.is-active,.havaianas-col-style-tabs__panel.is-entering,.havaianas-col-style-tabs__panel.is-leaving{visibility:visible;transition:opacity .42s ease,transform .42s ease,visibility 0s linear 0s}.havaianas-col-style-tabs__panel.is-active{position:relative;opacity:1;pointer-events:auto;transform:translate(0);z-index:3}.havaianas-col-style-tabs__panel.is-entering{opacity:0;pointer-events:none;z-index:4}.havaianas-col-style-tabs__panel.is-entering.from-next{transform:translate(36px)}.havaianas-col-style-tabs__panel.is-entering.from-prev{transform:translate(-36px)}.havaianas-col-style-tabs__panel.is-entering.is-animating{opacity:1;transform:translate(0)}.havaianas-col-style-tabs__panel.is-leaving{opacity:1;pointer-events:none;z-index:2}.havaianas-col-style-tabs__panel.is-leaving.to-next{transform:translate(-36px);opacity:0}.havaianas-col-style-tabs__panel.is-leaving.to-prev{transform:translate(36px);opacity:0}.havaianas-col-style-tabs__panel-inner{min-height:var(--havaianas-col-tabs-panel-height, 420px);display:grid;grid-template-columns:minmax(220px,var(--havaianas-col-tabs-image-width, 300px)) 1fr;align-items:center;gap:54px;padding:36px 40px;box-sizing:border-box;height:100%}.havaianas-col-style-tabs__media{display:flex;align-items:center;justify-content:center}.havaianas-col-style-tabs__media img,.havaianas-col-style-tabs__placeholder{width:100%;max-width:var(--havaianas-col-tabs-image-width, 300px);height:auto;display:block}.havaianas-col-style-tabs__content{max-width:560px}.havaianas-col-style-tabs__title{margin:0 0 14px;font-size:var(--havaianas-col-tabs-title-size, 52px);line-height:.98;font-weight:500;color:inherit}.havaianas-col-style-tabs__description{margin-bottom:22px;font-size:var(--havaianas-col-tabs-body-size, 18px);line-height:1.45;color:inherit}.havaianas-col-style-tabs__description p{margin:0}.havaianas-col-style-tabs__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;text-decoration:none;color:var(--havaianas-col-panel-button-text, #fff);border:1px solid var(--havaianas-col-panel-button-border, #fff);font-size:var(--havaianas-col-tabs-button-size, 16px);font-weight:600;letter-spacing:.02em;transition:opacity .2s ease,transform .2s ease}.havaianas-col-style-tabs__button:hover{opacity:.92;transform:translateY(-1px)}.havaianas-col-style-tabs__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:#f3f3f3;color:#000;box-shadow:0 2px 8px #00000014;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.havaianas-col-style-tabs__arrow svg{width:18px;height:18px}.havaianas-col-style-tabs__arrow--prev{left:-46px}.havaianas-col-style-tabs__arrow--next{right:-46px}@media(max-width:1200px){.havaianas-col-style-tabs__arrow--prev{left:-10px}.havaianas-col-style-tabs__arrow--next{right:-10px}}@media(max-width:860px){.havaianas-col-style-tabs__panel-inner{grid-template-columns:1fr;gap:28px;padding:28px 22px}.havaianas-col-style-tabs__media{justify-content:flex-start}.havaianas-col-style-tabs__content{max-width:none}.havaianas-col-style-tabs__title{font-size:calc(var(--havaianas-col-tabs-title-size, 52px) * .65)}.havaianas-col-style-tabs__arrow{width:34px;height:34px}.havaianas-col-style-tabs__arrow--prev{left:-6px}.havaianas-col-style-tabs__arrow--next{right:-6px}}@media(max-width:640px){.havaianas-col-style-tabs__inner{padding:0 14px}.havaianas-col-style-tabs__heading{margin-bottom:20px}.havaianas-col-style-tabs__nav{gap:18px}.havaianas-col-style-tabs__tab{font-size:14px;padding-bottom:10px}.havaianas-col-style-tabs__panel-inner{padding:22px 18px}.havaianas-col-style-tabs__title{font-size:30px}.havaianas-col-style-tabs__description{font-size:15px}.havaianas-col-style-tabs__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/havaianas-col-style-tabs.css.map */