.tl-arrow-btn-group{display:inline-flex;align-items:center;gap:20px}.tl-arrow-btn{--tl-arrow-cut: 8px;--tl-arrow-clip: polygon( var(--tl-arrow-cut) 0, 100% 0, 100% calc(100% - var(--tl-arrow-cut)), calc(100% - var(--tl-arrow-cut)) 100%, 0 100%, 0 var(--tl-arrow-cut) );--tl-arrow-bg: #ffffff;--tl-arrow-border: var(--tl-grey-1, #d8d8d8);--tl-arrow-icon: var(--tl-grey-9, #191919);position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:56px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:var(--tl-arrow-icon);cursor:pointer;isolation:isolate;transition:color .2s ease}.tl-arrow-btn:before,.tl-arrow-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .2s ease,inset .2s ease}.tl-arrow-btn:before{z-index:0;background:var(--tl-arrow-border);clip-path:var(--tl-arrow-clip)}.tl-arrow-btn:after{z-index:1;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;background:var(--tl-arrow-bg);clip-path:polygon(calc(var(--tl-arrow-cut) - 1px) 0,100% 0,100% calc(100% - (var(--tl-arrow-cut) - 1px)),calc(100% - (var(--tl-arrow-cut) - 1px)) 100%,0 100%,0 calc(var(--tl-arrow-cut) - 1px))}.tl-arrow-btn svg,.tl-arrow-btn .iconfont{position:relative;z-index:2;display:block;color:inherit}.tl-arrow-btn svg{width:24px;height:18px}.tl-arrow-btn .iconfont{font-size:20px;line-height:1;speak:never}.tl-arrow-btn:hover:not(:disabled),.tl-arrow-btn:focus-visible:not(:disabled){--tl-arrow-bg: var(--tl-grey-9, #191919);--tl-arrow-border: var(--tl-grey-9, #191919);--tl-arrow-icon: #ffffff;outline:none}.tl-arrow-btn:hover:not(:disabled):after,.tl-arrow-btn:focus-visible:not(:disabled):after{top:0;right:0;bottom:0;left:0;clip-path:var(--tl-arrow-clip)}.tl-arrow-btn:active:not(:disabled){--tl-arrow-bg: #000000;--tl-arrow-border: #000000;--tl-arrow-icon: #ffffff}.tl-arrow-btn:active:not(:disabled):after{top:0;right:0;bottom:0;left:0;clip-path:var(--tl-arrow-clip)}.tl-arrow-btn:disabled{--tl-arrow-bg: var(--tl-grey-0, #f1f1f1);--tl-arrow-border: var(--tl-grey-0, #f1f1f1);--tl-arrow-icon: var(--tl-grey-2, #b9b9b9);cursor:default}.tl-arrow-btn:disabled:after{top:0;right:0;bottom:0;left:0;clip-path:var(--tl-arrow-clip)}.tl-arrow-btn--circle{--tl-arrow-bg: var(--tl-grey-0, #f1f1f1);--tl-arrow-border: var(--tl-grey-0, #f1f1f1);--tl-arrow-icon: var(--tl-grey-9, #191919);width:36px;height:36px;border-radius:50%}.tl-arrow-btn--circle:before,.tl-arrow-btn--circle:after{clip-path:none;border-radius:50%}.tl-arrow-btn--circle:after{top:0;right:0;bottom:0;left:0}.tl-arrow-btn--circle:hover:not(:disabled),.tl-arrow-btn--circle:focus-visible:not(:disabled),.tl-arrow-btn--circle:active:not(:disabled){--tl-arrow-bg: #ffffff;--tl-arrow-border: #ffffff;--tl-arrow-icon: var(--tl-grey-9, #191919)}.tl-arrow-btn--circle:disabled{--tl-arrow-bg: var(--tl-grey-2, #b9b9b9);--tl-arrow-border: var(--tl-grey-2, #b9b9b9);--tl-arrow-icon: rgba(255, 255, 255, .55)}
/*# sourceMappingURL=/cdn/shop/t/58/assets/tl-arrow-btn.css.map */