.sd-tools-element {position: relative;--sd-count-size: 15px;--sd-header-el-color: #333;--sd-header-el-color-hover: rgba(51, 51, 51, .6) }.sd-tools-element > a {display: flex;align-items: center;justify-content: center;height: 40px;color: var(--sd-header-el-color);line-height: 1;padding-inline: 10px }.sd-tools-element .sd-tools-icon {position: relative;display: flex;align-items: center;justify-content: center;font-size: 0 }.sd-tools-element .sd-tools-icon:before, .sd-tools-element .sd-tools-icon i{font-size: 20px }.sd-tools-element .sd-tools-text {margin-inline-start: 8px;text-transform: var(--sd-header-el-transform);white-space: nowrap;font-weight: var(--sd-header-el-font-weight);font-style: var(--sd-header-el-font-style);font-size: var(--sd-header-el-font-size);font-family: var(--sd-header-el-font) }.sd-tools-element .sd-tools-count {z-index: 1;width: var(--sd-count-size);height: var(--sd-count-size);border-radius: 50%;text-align: center;letter-spacing: 0;font-weight: 400;line-height: var(--sd-count-size);font-family: var(--sd-text-font);}.sd-tools-element:hover > a {color: var(--sd-header-el-color-hover) }.sd-tools-element.sd-style-icon .sd-tools-text {display: none !important }.sdn-top-bar .sd-tools-element {--sd-count-size: 13px }.sdn-top-bar .sd-tools-element .sd-tools-icon:before {font-size: 14px }.sdn-top-bar .sd-tools-element .sd-tools-text {font-weight: 400;font-size: 12px }.sdn-color-light .sd-tools-element {--sd-header-el-color: #fff;--sd-header-el-color-hover: rgba(255, 255, 255, 0.8) }.sd-tools-custom-icon .sd-tools-icon:before, .sd-tools-custom-icon .sd-tools-icon:after {display: none }.sd-tools-custom-icon .sd-custom-icon {transition: all .25s ease }.sd-tools-custom-icon:hover .sd-custom-icon {opacity: .6 }.sd-tools-element:is(.sd-design-2,.sd-design-5).sd-style-icon.sd-with-count {margin-inline-end: 5px }.sd-tools-element:is(.sd-design-2,.sd-design-5).sd-style-text.sd-with-count .sd-tools-text {margin-inline-start: 14px }.sd-tools-element:is(.sd-design-2,.sd-design-5) .sd-tools-count {position: absolute;top: -5px;inset-inline-end: -9px;background-color: var(--sd-primary-color);color: #fff;font-size: 9px }.sd-tools-element.sd-design-1.sd-with-count .sd-tools-count {margin-inline-start: 8px }.sd-tools-element.sd-design-1 .sd-tools-count {width: auto;height: auto;text-transform: var(--sd-header-el-transform);font-weight: var(--sd-header-el-font-weight);font-style: var(--sd-header-el-font-style);font-size: var(--sd-header-el-font-size);font-family: var(--sd-header-el-font);line-height: inherit }.sd-tools-element.sd-design-1 .subtotal-divider {display: inline }.sd-tools-element.sd-design-4 {--sd-count-size: 19px }.sd-tools-element.sd-design-4.sd-with-count .sd-tools-count {margin-inline-start: 6px }.sd-tools-element.sd-design-4 .sd-tools-count {display: inline-block;padding: 0 2px;background-color: var(--sd-primary-color);color: #fff;font-weight: 700;font-size: 10px }.sdn-top-bar .sd-tools-element.sd-design-4 {--sd-count-size: 16px }.sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) {--sd-count-size: 18px }.sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) .sd-tools-inner {position: relative }.sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) .sd-tools-inner .sd-tools-icon {position: static }.sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) .sd-custom-icon {min-width: auto;max-width: 20px }.sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) .sd-tools-count {position: absolute;top: -3px;inset-inline-end: -7px;background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);color: var(--sd-primary-color);font-size: 11px }.sdn-top-bar .sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) {--sd-count-size: 13px }.sdn-top-bar .sd-tools-element:is(.sd-design-6,.sd-design-7,.sd-design-8) .sd-custom-icon {max-width: 14px }.sd-tools-element:is(.sd-design-6,.sd-design-7) :is(.sd-tools-inner,.sd-tools-icon) {height: 42px;border-radius: 42px }.sd-tools-element:is(.sd-design-6,.sd-design-7) .sd-tools-inner {display: flex;align-items: center;padding: 0 13px }.sd-tools-element:is(.sd-design-6,.sd-design-7):not(.sd-with-wrap) .sd-tools-icon {width: 42px }.sdn-top-bar .sd-tools-element:is(.sd-design-6,.sd-design-7) :is(.sd-tools-inner,.sd-tools-icon) {height: 28px }.sdn-top-bar .sd-tools-element:is(.sd-design-6,.sd-design-7) .sd-tools-inner {padding: 0 9px }.sdn-top-bar .sd-tools-element:is(.sd-design-6,.sd-design-7):not(.sd-with-wrap) .sd-tools-icon {width: 28px }.sdn-top-bar .sd-tools-element:is(.sd-design-6,.sd-design-7) .sd-tools-count {font-size: 9px }.sd-tools-element.sd-design-6 > a > :is(.sd-tools-inner,.sd-tools-icon) {border: 1px solid rgba(0, 0, 0, 0.105) }.sdn-color-light .sd-tools-element.sd-design-6 > a > :is(.sd-tools-inner,.sd-tools-icon) {border-color: rgba(255, 255, 255, 0.25) }.sd-tools-element.sd-design-7 > a > :is(.sd-tools-inner,.sd-tools-icon) {background-color: var(--sd-primary-color);color: #fff;transition: inherit }.sd-tools-element.sd-design-7:hover > a > :is(.sd-tools-inner,.sd-tools-icon) {color: rgba(255, 255, 255, 0.8) }