:root{--width-tabs-nav-item: 150px;--width-tabs-item: 150px;--height-tabs-item: 150px;--color-bg-nav: #ffffff;--color-bg-tab-content: #ffffff;--color-bg-nav-item: #ffffff;--color-text-nav-item: #acb0b8;--color-bg-nav-item-active: #f3f4f6;--color-text-nav-item-active: #454e5d}.b-tabs-nav{position:relative;display:inline-flex;background-color:var(--color-bg-nav);padding:3px;border-radius:5px;margin-bottom:5px}.b-tabs-nav-item{position:relative;display:flex;justify-content:center;align-items:center;text-transform:uppercase;letter-spacing:1px;padding:6px 20px 5px;color:var(--color-text-nav-item);cursor:pointer;font-size:16px;font-weight:500;line-height:1.2em;width:var(--width-tabs-nav-item);z-index:1}.b-tabs-nav-item.m-active{color:var(--color-text-nav-item-active)}.b-tabs-nav-indicator{display:block!important;position:absolute;bottom:3px;left:0;width:var(--width-tabs-nav-item);height:calc(100% - 6px);background-color:var(--color-bg-nav-item-active);border-radius:5px;transition:all .3s ease;z-index:0}@starting-style{.b-tabs-nav-indicator{left:3px}}.b-tabs-content-wrapper{background-color:var(--color-bg-tab-content);border-radius:5px}.b-tabs-content{display:flex;position:relative}.b-tabs-content::-webkit-scrollbar,.b-tabs-content-item__list::-webkit-scrollbar{height:12px;cursor:pointer}.b-tabs-content::-webkit-scrollbar-thumb,.b-tabs-content-item__list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:12px;border:2px solid transparent;background-clip:padding-box;transition:all .3s ease;cursor:pointer}.b-tabs-content::-webkit-scrollbar-thumb:hover,.b-tabs-content-item__list::-webkit-scrollbar-thumb:hover{background-color:#ccc}.b-tabs-content::-webkit-scrollbar-track,.b-tabs-content-item__list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:12px}.b-tabs-content::-webkit-scrollbar-corner{background:#f1f1f1}.b-tabs-content-item{position:absolute;visibility:hidden;opacity:0;transition:all .3s ease;width:100%}.b-tabs-content-item.m-active{opacity:1;visibility:visible;max-width:100%}.b-tabs-content-item__list{display:flex;justify-content:flex-start;max-width:100%;overflow-x:auto;padding:2px;border-radius:5px;background-color:var(--color-bg-tab-content)}.b-tabs-content-item__list-item{width:var(--width-tabs-item);min-width:var(--width-tabs-item);position:relative;cursor:pointer;overflow:hidden}.b-tabs-content-item__list-item:after{content:"added";position:absolute;top:10px;right:10px;width:55px;padding:2px 5px;background-color:#00000080;border-radius:3px;color:#fff;z-index:1;transition:all .3s ease;opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;margin-top:-10px}.b-tabs-content-item__list-item.m-selected:after{opacity:1;visibility:visible;margin-top:0}.b-tabs-content-item__list-item:hover .b-tabs-content-item__desc{opacity:1;visibility:visible;transform:translateY(-100%)}.b-tabs-content-item__figure{width:100%;padding-bottom:100%;position:relative;margin:0}.b-tabs-content-item__list-item_img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.b-tabs-content-item__desc{padding:10px 10px 5px;font-size:14px;line-height:1.2em;opacity:0;visibility:hidden;transition:all .3s ease;position:absolute;width:100%;top:100%;left:0;right:0;text-align:center;background-color:#00000080;color:#fff}.b-tabs-content-item__list-item_title{font-size:16px;line-height:1.2em;display:block;margin-bottom:5px}@media screen and (max-width: 1200px){.b-tabs-nav-item{width:150px;text-align:center}}@media screen and (max-width: 767px){.b-tabs-nav-item{width:33%}.b-tabs-content-item__list-item{width:100px;min-width:100px}.b-tabs-content-item__desc{display:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/builder-tabs.css.map */