CSS File

1.wd-tools-element{position:relative;--wd-header-el-color: #333;--wd-header-el-color-hover: rgba(51,51,51,.6);--wd-tools-icon-base-width: 20px}

2.wd-tools-element>a{display:flex;align-items:center;justify-content:center;height:40px;color:var(--wd-header-el-color);line-height:1;text-decoration:none !important;padding-inline:10px}

3.wd-tools-element .wd-tools-icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:0}

4.wd-tools-element .wd-tools-icon:before{font-size:var(--wd-tools-icon-base-width)}

5.wd-tools-element .wd-tools-text{margin-inline-start:8px;text-transform:var(--wd-header-el-transform);white-space:nowrap;font-weight:var(--wd-header-el-font-weight);font-style:var(--wd-header-el-font-style);font-size:var(--wd-header-el-font-size);font-family:var(--wd-header-el-font)}

6.wd-tools-element .wd-tools-count{z-index:1;width:var(--wd-count-size, 15px);height:var(--wd-count-size, 15px);border-radius:50%;text-align:center;letter-spacing:0;font-weight:400;line-height:var(--wd-count-size, 15px)}

7.wd-tools-element:hover>a{color:var(--wd-header-el-color-hover)}

8.wd-tools-element.wd-style-icon .wd-tools-text{display:none !important}

9.whb-top-bar .wd-tools-element{--wd-count-size: 13px;--wd-tools-icon-base-width: 14px}

10.whb-top-bar .wd-tools-element .wd-tools-text{font-weight:400;font-size:12px}

11.whb-color-light .wd-tools-element{--wd-header-el-color: #fff;--wd-header-el-color-hover: rgba(255,255,255,0.8)}

12.wd-custom-icon,picture.wd-custom-icon img{max-width:var(--wd-tools-icon-width, 38px);width:var(--wd-tools-icon-width, revert-layer);transition:all .25s ease}

13.wd-tools-custom-icon .wd-tools-icon:before,.wd-tools-custom-icon .wd-tools-icon:after{display:none}

14.wd-tools-custom-icon:hover .wd-custom-icon{opacity:.6}

15.wd-tools-element:is(.wd-design-2,.wd-design-5).wd-style-icon.wd-with-count{margin-inline-end:5px}

16.wd-tools-element:is(.wd-design-2,.wd-design-5).wd-style-text.wd-with-count .wd-tools-text{margin-inline-start:14px}

17.wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count{position:absolute;top:-5px;inset-inline-end:-9px;background-color:var(--wd-primary-color);color:#fff;font-size:9px}

18.wd-tools-element.wd-design-1.wd-with-count .wd-tools-count{margin-inline-start:8px}

19.wd-tools-element.wd-design-1 .wd-tools-count{width:auto;height:auto;text-transform:var(--wd-header-el-transform);font-weight:var(--wd-header-el-font-weight);font-style:var(--wd-header-el-font-style);font-size:var(--wd-header-el-font-size);font-family:var(--wd-header-el-font);line-height:inherit}

20.wd-tools-element.wd-design-1 .subtotal-divider{display:inline}

21.wd-tools-element.wd-design-4{--wd-count-size: 19px}

22.wd-tools-element.wd-design-4.wd-with-count .wd-tools-count{margin-inline-start:6px}

23.wd-tools-element.wd-design-4 .wd-tools-count{display:inline-block;padding:0 2px;background-color:var(--wd-primary-color);color:#fff;font-weight:700;font-size:10px}

24.whb-top-bar .wd-tools-element.wd-design-4{--wd-count-size: 16px}

25.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8){--wd-count-size: 18px}

26.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-inner{position:relative}

27.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-inner .wd-tools-icon{position:static}

28.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-custom-icon{max-width:var(--wd-tools-icon-width, var(--wd-tools-icon-base-width))}

29.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-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(--wd-primary-color);font-size:11px}

30.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8){--wd-count-size: 13px}

31.wd-tools-element:is(.wd-design-6,.wd-design-7){--wd-tools-sp: 13px}

32.wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon){height:42px;border-radius:42px}

33.wd-tools-element:is(.wd-design-6,.wd-design-7) .wd-tools-inner{display:flex;align-items:center;padding:0 var(--wd-tools-sp)}

34.wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{width:42px}

35.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7){--wd-tools-sp: 9px}

36.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon){height:28px}

37.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon{width:28px}

38.whb-top-bar .wd-tools-element:is(.wd-design-6,.wd-design-7) .wd-tools-count{font-size:9px}

39.wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon){border:1px solid rgba(0,0,0,0.105)}

40.whb-color-light .wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon){border-color:rgba(255,255,255,0.25)}

...