@opentiny/vue-theme 3.8.5 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/README.md +1 -11
  2. package/action-menu/aurora-theme.js +4 -0
  3. package/button-group/aurora-theme.js +13 -0
  4. package/button-group/index.css +1 -1
  5. package/button-group/smb-theme.js +32 -28
  6. package/cascader/index.css +1 -1
  7. package/cascader-node/aurora-theme.js +2 -2
  8. package/cascader-node/index.css +1 -1
  9. package/checkbox/index.css +1 -1
  10. package/checkbox-group/index.css +1 -1
  11. package/collapse-item/index.css +1 -1
  12. package/container/aurora-theme.js +10 -0
  13. package/container/index.css +1 -1
  14. package/container/index.js +1 -0
  15. package/date-table/index.css +1 -1
  16. package/dialog-box/index.css +1 -1
  17. package/drawer/index.css +1 -0
  18. package/dropdown/aurora-theme.js +5 -0
  19. package/dropdown-item/aurora-theme.js +4 -0
  20. package/dropdown-item/index.css +1 -1
  21. package/dropdown-menu/aurora-theme.js +9 -0
  22. package/dropdown-menu/index.css +1 -1
  23. package/fall-menu/aurora-theme.js +3 -0
  24. package/fall-menu/index.css +1 -1
  25. package/form-item/index.css +1 -1
  26. package/grid/index.css +1 -1
  27. package/guide/aurora-theme.js +40 -0
  28. package/guide/index.css +1 -1
  29. package/index.css +1 -1
  30. package/input/index.css +1 -1
  31. package/layout/aurora-theme.js +14 -0
  32. package/layout/index.css +1 -0
  33. package/link/aurora-theme.js +5 -0
  34. package/link/index.css +1 -1
  35. package/lowcode.css +1 -1
  36. package/milestone/index.css +1 -1
  37. package/month-table/index.css +1 -1
  38. package/numeric/index.css +1 -1
  39. package/option/aurora-theme.js +4 -0
  40. package/option/index.css +1 -1
  41. package/package.json +8 -1
  42. package/pager/smb-theme.js +1 -0
  43. package/picker/index.css +1 -1
  44. package/popconfirm/index.css +1 -0
  45. package/popconfirm/smb-theme.js +7 -0
  46. package/popover/aurora-theme.js +3 -0
  47. package/search/aurora-theme.js +2 -1
  48. package/search/index.css +1 -1
  49. package/select/aurora-theme.js +4 -0
  50. package/select/index.css +1 -1
  51. package/select/smb-theme.js +0 -1
  52. package/select-dropdown/aurora-theme.js +6 -0
  53. package/split/aurora-theme.js +2 -1
  54. package/steps/index.css +1 -1
  55. package/svgs/arrow-bottom.svg +1 -1
  56. package/svgs/check.svg +7 -15
  57. package/svgs/checked-sur.svg +7 -16
  58. package/svgs/eyeopen.svg +1 -1
  59. package/svgs/halfselect.svg +7 -15
  60. package/svgs/radio.svg +9 -15
  61. package/svgs/radioselected.svg +9 -15
  62. package/tabs/index.css +1 -1
  63. package/text-popup/index.css +1 -1
  64. package/textarea/index.css +1 -1
  65. package/theme/aurora-theme/component.js +315 -30
  66. package/theme/aurora-theme/index.js +2 -2
  67. package/theme/index.d.ts +15 -0
  68. package/theme/infinity-theme/index.js +2 -2
  69. package/theme/smb-theme/component.js +600 -43
  70. package/theme-tool.d.ts +15 -0
  71. package/theme-tool.js +14 -15
  72. package/theme.config.js +2 -0
  73. package/tooltip/aurora-theme.js +7 -1
  74. package/year-table/index.css +1 -1
  75. package/pop-upload/index.js +0 -21
  76. package/popeditor/index.js +0 -21
package/guide/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-guide .shepherd-arrow{height:16px;position:absolute;width:16px;z-index:-10}.tiny-guide .shepherd-arrow:before{width:16px;position:absolute;height:16px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-10;content:''}.tiny-guide .shepherd-content{width:100%;border-radius:4px;padding:0;outline:0}.tiny-guide .shepherd-content .shepherd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:32px;padding-left:24px;padding-right:24px;padding-top:24px;background-color:#fff}.tiny-guide .shepherd-content .shepherd-header .shepherd-title{font-size:18px;color:#333d48;line-height:20px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;-webkit-transition:color .5s ease;transition:color .5s ease}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span{font-size:30px;width:20px;height:20px;line-height:20px;color:#333d48;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);margin-top:-6px}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide .shepherd-content .shepherd-text{line-height:20px;color:#333d48;font-size:14px;padding:24px 24px 22px}.tiny-guide .shepherd-content .shepherd-text .scrollBox{width:100%;overflow:auto;text-align:justify;padding-right:8px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar{width:4px;height:40px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar-thumb{width:4px;height:40px;border-radius:2px;background-clip:padding-box;border:4px solid rgba(57,57,57,.3)}.tiny-guide .shepherd-content .shepherd-text p{margin-top:0}.tiny-guide .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.tiny-guide .shepherd-content .shepherd-footer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0;padding-left:24px;padding-right:24px;padding-bottom:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-guide .shepherd-content .shepherd-footer.shepherd-button:last-child{margin-right:0}.tiny-guide .shepherd-content .shepherd-footer .progress-style{position:absolute;left:24px;font-size:14px;color:#161e26;font-weight:400;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button{color:#fff;background-color:#0067d1;cursor:pointer;border-radius:4px;border:0;width:96px;height:32px;margin-left:8px;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:hover{background-color:#0072e8}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:focus{background-color:#0067d1}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:active{background-color:#005bba}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:disabled{background-color:rgba(0,103,209,.3);color:#fff;cursor:not-allowed}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary{color:#161e26;border-radius:4px;font-size:12px;text-align:center;line-height:12px;font-weight:400px;margin-left:8px;border-color:rgba(22,30,38,.2);background-color:#fff;border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:hover{border-color:#161e26}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:active{border-color:#005bba}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:focus{border-color:#161e26}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:disabled{background-color:rgba(22,30,38,.05);cursor:not-allowed;border-color:rgba(22,30,38,.1);color:rgba(22,30,38,.3)}.tiny-guide.only-content .shepherd-header{padding-top:0}.tiny-guide.only-content .shepherd-header .shepherd-cancel-icon{position:absolute;top:24px}.tiny-guide.only-content .shepherd-text{padding-right:52px}.tiny-guide .tiny-guide__z-top{z-index:9999;position:relative;background-color:#fff}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#fff}.tiny-guide.shepherd-element{height:auto;-webkit-box-shadow:0 16px 48px 0 rgba(0,0,0,.16);box-shadow:0 16px 48px 0 rgba(0,0,0,.16);background-color:#fff;opacity:0;visibility:hidden;z-index:9999;width:510px;outline:0;border-radius:4px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.tiny-guide.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.tiny-guide.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.tiny-guide.shepherd-element,.tiny-guide.shepherd-element *,.tiny-guide.shepherd-element :after,.tiny-guide.shepherd-element :before{-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-guide.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.tiny-guide.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.tiny-guide.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.tiny-guide.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.tiny-guide.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#fff}.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{pointer-events:none;width:100%;overflow:hidden;height:100%;left:0;right:0;bottom:0;opacity:0;position:fixed;z-index:9997;top:0;-webkit-transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tiny-guide__z-top{z-index:9999;position:relative;background-color:#fff}
1
+ .tiny-guide{--ti-guide-arrow-height:var(--ti-common-size-4x);--ti-guide-arrow-width:var(--ti-common-size-4x);--ti-guide-header-border-top-left-radius:var(--ti-common-border-radius-1);--ti-guide-header-border-top-right-radius:var(--ti-common-border-radius-1);--ti-guide-header-line-height:var(--ti-common-line-height-6);--ti-guide-header-padding-left:var(--ti-common-space-6x);--ti-guide-header-padding-right:var(--ti-common-space-6x);--ti-guide-header-padding-top:var(--ti-common-space-6x);--ti-guide-header-bg-color:var(--ti-common-color-bg-white-normal);--ti-guide-title-text-color:var(--ti-common-color-text-primary);--ti-guide-title-line-height:var(--ti-common-line-height-6);--ti-guide-title-font-weight:var(--ti-common-font-weight-7);--ti-guide-cancel-icon-font-size:var(--ti-common-font-size-5);--ti-guide-cancel-icon-width:var(--ti-common-size-5x);--ti-guide-cancel-icon-height:var(--ti-common-size-5x);--ti-guide-cancel-icon-line-height:var(--ti-common-line-height-4);--ti-guide-cancel-icon-color:var(--ti-common-color-icon-normal);--ti-guide-cancel-icon-font-weight:var(--ti-common-font-weight-1);--ti-guide-cancel-icon-margin-top:-6px;--ti-guide-cancel-hover-icon-color:var(--ti-common-color-icon-hover);--ti-guide-text-text-color:var(--ti-common-color-text-primary);--ti-guide-text-line-height:var(--ti-common-line-height-4);--ti-guide-text-font-size:var(--ti-common-font-size-1);--ti-guide-text-padding-top:var(--ti-common-space-6x);--ti-guide-text-padding-horizontal:var(--ti-common-space-6x);--ti-guide-text-padding-bottom:calc(var(--ti-common-space-base) * 5.5);--ti-guide-text-scrollbox-padding-right:var(--ti-common-space-2x);--ti-guide-text-scrollbar-width:var(--ti-common-scrollbar-width);--ti-guide-text-scrollbar-height:var(--ti-common-scrollbar-height);--ti-guide-text-scrollbar-border-radius:var(--ti-common-scrollbar-thumb-border-radius);--ti-guide-text-scrollbar-border-color:var(--ti-common-scrollbar-thumb-active-bg-color);--ti-guide-footer-border-bottom-right-radius:var(--ti-common-border-radius-1);--ti-guide-footer-border-bottom-left-radius:var(--ti-common-border-radius-1);--ti-guide-footer-padding-left:var(--ti-common-space-6x);--ti-guide-footer-padding-right:var(--ti-common-space-6x);--ti-guide-footer-padding-bottom:var(--ti-common-space-6x);--ti-guide-progress-text-color:var(--ti-common-color-primary-normal);--ti-guide-button-text-color:var(--ti-common-color-text-white);--ti-guide-button-border-radius:var(--ti-common-border-radius-normal);--ti-guide-button-bg-color:var(--ti-common-color-primary-normal);--ti-guide-button-hover-bg-color:var(--ti-common-color-primary-hover);--ti-guide-button-focus-bg-color:var(--ti-common-color-primary-active);--ti-guide-button-active-bg-color:var(--ti-common-color-primary-active);--ti-guide-button-disable-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-guide-button-disable-text-color:var(--ti-common-color-primary-disabled-text);--ti-guide-button-secondary-text-color:var(--ti-common-color-text-primary);--ti-guide-button-secondary-bg-color:var(--ti-common-color-light);--ti-guide-button-secondary-border-color:var(--ti-common-color-border);--ti-guide-button-secondary-hover-border-color:var(--ti-common-color-primary-normal);--ti-guide-button-secondary-focus-border-color:var(--ti-common-color-primary-normal);--ti-guide-button-secondary-active-border-color:var(--ti-common-color-primary-normal);--ti-guide-button-secondary-disabled-bg-color:var(--ti-common-color-light);--ti-guide-button-secondary-disabled-text-color:var(--ti-common-color-text-disabled);--ti-guide-button-secondary-disabled-border-color:var(--ti-common-color-line-disabled)}.tiny-guide .shepherd-arrow{height:var(--ti-guide-arrow-height);position:absolute;width:var(--ti-guide-arrow-width);z-index:-10}.tiny-guide .shepherd-arrow:before{width:var(--ti-guide-arrow-width);position:absolute;height:var(--ti-guide-arrow-height);background-color:var(--ti-guide-header-bg-color);-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-10;content:''}.tiny-guide .shepherd-content{width:100%;border-radius:4px;padding:0;outline:0}.tiny-guide .shepherd-content .shepherd-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:var(--ti-guide-header-border-top-left-radius);border-top-right-radius:var(--ti-guide-header-border-top-right-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:var(--ti-guide-header-line-height);padding-left:var(--ti-guide-header-padding-left);padding-right:var(--ti-guide-header-padding-right);padding-top:var(--ti-guide-header-padding-top);background-color:var(--ti-guide-header-bg-color)}.tiny-guide .shepherd-content .shepherd-header .shepherd-title{font-size:18px;color:var(--ti-guide-title-text-color);line-height:var(--ti-guide-title-line-height);font-weight:var(--ti-guide-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;-webkit-transition:color .5s ease;transition:color .5s ease}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span{font-size:var(--ti-guide-cancel-icon-font-size);width:var(--ti-guide-cancel-icon-width);height:var(--ti-guide-cancel-icon-height);line-height:var(--ti-guide-cancel-icon-line-height);color:var(--ti-guide-cancel-icon-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ti-guide-cancel-icon-font-weight);-webkit-transform:rotate(-360deg);transform:rotate(-360deg);margin-top:var(--ti-guide-cancel-icon-margin-top)}.tiny-guide .shepherd-content .shepherd-header .shepherd-cancel-icon span:hover{color:var(--ti-guide-cancel-hover-icon-color)}.tiny-guide .shepherd-content .shepherd-text{line-height:var(--ti-guide-text-line-height);color:var(--ti-guide-text-text-color);font-size:var(--ti-guide-text-font-size);padding:var(--ti-guide-text-padding-top) var(--ti-guide-text-padding-horizontal) var(--ti-guide-text-padding-bottom)}.tiny-guide .shepherd-content .shepherd-text .scrollBox{width:100%;overflow:auto;text-align:justify;padding-right:var(--ti-guide-text-scrollbox-padding-right)}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar{width:4px;height:40px}.tiny-guide .shepherd-content .shepherd-text .scrollBox::-webkit-scrollbar-thumb{width:var(--ti-guide-text-scrollbar-width);height:var(--ti-guide-text-scrollbar-height);border-radius:2px;background-clip:padding-box;border:4px solid var(--ti-guide-text-scrollbar-border-color)}.tiny-guide .shepherd-content .shepherd-text p{margin-top:0}.tiny-guide .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.tiny-guide .shepherd-content .shepherd-footer{border-bottom-right-radius:var(--ti-guide-footer-border-bottom-right-radius);border-bottom-left-radius:var(--ti-guide-footer-border-bottom-left-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:0;padding-left:var(--ti-guide-footer-padding-left);padding-right:var(--ti-guide-footer-padding-right);padding-bottom:var(--ti-guide-footer-padding-bottom);-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-guide .shepherd-content .shepherd-footer.shepherd-button:last-child{margin-right:0}.tiny-guide .shepherd-content .shepherd-footer .progress-style{position:absolute;left:24px;font-size:14px;color:var(--ti-guide-progresss-text-color);font-weight:400;font-family:PingFangSC}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button{color:var(--ti-guide-button-text-color);background-color:var(--ti-guide-button-bg-color);cursor:pointer;border-radius:var(--ti-guide-button-border-radius);border:0;width:96px;height:32px;margin-left:8px;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:hover{background-color:var(--ti-guide-button-hover-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:focus{background-color:var(--ti-guide-button-focus-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:active{background-color:var(--ti-guide-button-active-bg-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button:disabled{background-color:var(--ti-guide-button-disable-bg-color);color:var(--ti-guide-button-disable-text-color);cursor:not-allowed}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary{color:var(--ti-guide-button-secondary-text-color);border-radius:var(--ti-guide-button-border-radius);font-size:12px;text-align:center;line-height:12px;font-weight:400px;margin-left:8px;border-color:var(--ti-guide-button-secondary-border-color);background-color:var(--ti-guide-button-secondary-bg-color);border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-style:solid}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:hover{border-color:var(--ti-guide-button-secondary-hover-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:active{border-color:var(--ti-guide-button-secondary-active-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:focus{border-color:var(--ti-guide-button-secondary-focus-border-color)}.tiny-guide .shepherd-content .shepherd-footer .shepherd-button.shepherd-button-secondary:disabled{background-color:var(--ti-guide-button-secondary-disabled-bg-color);cursor:not-allowed;border-color:var(--ti-guide-button-secondary-disabled-border-color);color:var(--ti-guide-button-secondary-disabled-text-color)}.tiny-guide.only-content .shepherd-header{padding-top:0}.tiny-guide.only-content .shepherd-header .shepherd-cancel-icon{position:absolute;top:24px}.tiny-guide.only-content .shepherd-text{padding-right:52px}.tiny-guide .tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.tiny-guide.shepherd-has-title.shepherd-content.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-element{height:auto;-webkit-box-shadow:0 16px 48px 0 rgba(0,0,0,.16);box-shadow:0 16px 48px 0 rgba(0,0,0,.16);background-color:var(--ti-guide-header-bg-color);opacity:0;visibility:hidden;z-index:9999;width:510px;outline:0;border-radius:4px;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.tiny-guide.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.tiny-guide.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.tiny-guide.shepherd-element,.tiny-guide.shepherd-element *,.tiny-guide.shepherd-element :after,.tiny-guide.shepherd-element :before{-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-guide.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.tiny-guide.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.tiny-guide.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.tiny-guide.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.tiny-guide.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.tiny-guide.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:var(--ti-guide-header-bg-color)}.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.tiny-guide.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{pointer-events:none;width:100%;overflow:hidden;height:100%;left:0;right:0;bottom:0;opacity:0;position:fixed;z-index:9997;top:0;-webkit-transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.tiny-guide__z-top{z-index:9999;position:relative;background-color:var(--ti-guide-header-bg-color)}