.ab-navigation{display:flex;gap:1.6rem;margin:-.2rem}.ab-navigation .ab-nav{display:flex;justify-content:center;align-items:center;position:relative;width:4.4rem;height:4.4rem;cursor:pointer;padding:.2rem;transition:all var(--duration-default)}.ab-navigation .ab-nav.style-1,.ab-navigation .ab-nav.style-4{width:5rem;height:5rem}.ab-navigation .ab-nav.ab-nav--bg{color:rgb(var(--color-btn-second-bg))}.ab-navigation .ab-nav--bg:before{content:"";position:absolute;width:4rem;height:4rem;top:.2rem;left:.2rem;border-radius:50%;border:.1rem solid rgb(var(--color-btn-second-bg));background-color:transparent;transition:all var(--duration-default)}.ab-navigation .ab-nav--bg.style-1:before{width:5rem;height:5rem;top:0;left:0}.ab-navigation .ab-nav--bg:not(.ab-nav--disabled):hover,.ab-navigation .ab-nav--bg:not(.ab-nav--disabled):hover svg{color:rgb(var(--color-btn-main-bg))}.ab-navigation .ab-nav--bg:not(.ab-nav--disabled) svg{position:relative}.ab-navigation .ab-nav--bg:not(.ab-nav--disabled):hover:before{border:.1rem solid rgb(var(--color-btn-main-text));background-color:rgb(var(--color-btn-main-text))}.ab-navigation .ab-nav--bg.ab-nav--disabled{color:rgb(var(--color-btn-second-bg));cursor:default}.ab-navigation .ab-nav--bg.ab-nav--disabled:before{border:.1rem solid rgb(var(--color-btn-second-bg));background-color:transparent}.ab-navigation .ab-prev{transform:rotate(-180deg)}.ab-navigation .ab-nav.style-1 svg{width:1.4rem;height:1.4rem;position:relative;z-index:2}.ab-navigation .ab-nav.style-2{width:6rem;height:6rem;padding:0;color:rgb(var(--color-btn-second-bg))}.ab-navigation .ab-nav--bg.style-2:not(.ab-nav--disabled):before,.ab-navigation .ab-nav--bg.style-2:before{width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--color-btn-second-text))}.ab-navigation .ab-nav--bg.style-2:not(.ab-nav--disabled):hover:before{background-color:rgb(var(--color-btn-second-bg));border-color:rgb(var(--color-general-main-text))}.ab-navigation .ab-nav--bg.style-2:not(.ab-nav--disabled):hover svg{color:rgb(var(--color-btn-second-text))}.ab-navigation .ab-nav--bg.style-2.ab-nav--disabled:focus:before,.ab-navigation .ab-nav--bg.style-2.ab-nav--disabled:before{background-color:rgb(var(--color-btn-second-bg));border:.1rem solid rgb(var(--color-general-main-text))}.ab-navigation .ab-prev.style-2{transform:rotate(-180deg)}.ab-navigation .ab-next.style-2{transform:rotate(0)}.ab-navigation .ab-nav.style-2 svg{transition:all .3s ease;width:2.5rem;height:2.5rem;position:relative}.ab-navigation .ab-nav.style-2.ab-nav--disabled svg{color:rgb(var(--color-btn-second-text))}.ab-navigation .ab-nav.style-3{width:6rem;height:6rem;padding:0;color:rgb(var(--color-general-main-text))}.ab-navigation .ab-nav.style-3:hover{color:rgb(var(--color-btn-second-bg))}.ab-navigation .ab-nav--bg.style-3:not(.ab-nav--disabled):before,.ab-navigation .ab-nav--bg.style-3:before{border:.1rem solid rgb(var(--color-general-main-text));width:100%;height:100%;top:0;left:0;right:0;bottom:0}.ab-navigation .ab-nav--bg.style-3:not(.ab-nav--disabled):hover:before,.ab-navigation .ab-nav--bg.style-3:hover:before{background-color:rgb(var(--color-btn-main-bg));border:.1rem solid rgb(var(--color-btn-main-bg))}.ab-navigation .ab-nav--bg.style-3.ab-nav--disabled:focus:before,.ab-navigation .ab-nav--bg.style-3.ab-nav--disabled:before{background-color:transparent;border:.1rem solid rgb(var(--color-general-main-text))}.ab-navigation .ab-nav--bg.style-3:hover svg{color:rgb(var(--color-btn-second-bg))}.ab-navigation .ab-prev.style-3{transform:rotate(-180deg)}.ab-navigation .ab-next.style-3{transform:rotate(0)}.ab-navigation .ab-nav.style-3 svg{width:2.5rem;height:2.5rem;transition:color .3s ease;color:rgb(var(--color-general-main-text))}.ab-navigation .ab-nav.style-3.ab-nav--disabled svg{color:rgb(var(--color-general-main-text))}.ab-navigation .ab-nav.style-4{background-color:rgb(var(--color-general-bg));color:rgb(var(--color-btn-main-text));display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;z-index:1;border-radius:50%;border:.1rem solid rgba(var(--color-general-heading),1);transition:all .3s ease}.ab-navigation .ab-nav.ab-nav--bg:not(.ab-nav--disabled).style-4:hover{color:rgb(var(--color-btn-main-text));background:transparent;border-color:transparent}.ab-navigation .ab-nav.ab-nav--disabled.style-4{opacity:.7}.ab-navigation .ab-nav.ab-nav--bg:not(.ab-nav--disabled).style-4:hover svg{color:rgb(var(--color-btn-main-text))}.ab-navigation .ab-nav.ab-nav--bg.style-4:before{content:"";position:absolute;top:calc(0 - var(--buttons-border-size) / 2);left:calc(0 - var(--buttons-border-size) / 2);width:calc(100% + var(--buttons-border-size) * 2);height:calc(100% + var(--buttons-border-size) * 2);opacity:0;z-index:-1;background:var(--color-hover-btn-bg-gradient);transition:all .3s ease;border-radius:50%;border-width:0}.ab-navigation .ab-nav.style-4:hover:before{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-navigation.css.map */