.macros-basics-title{--tw-text-opacity:1;color:rgb(var(--color-copy-primary)/1);color:rgb(var(--color-copy-primary)/var(--tw-text-opacity,1))}.macros-basics-title.ellipser,.macros-basics-title.ellipser>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macros-basics-title.clamp-2,.macros-basics-title.clamp-2>*{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.macros-basics-title.clamp-3,.macros-basics-title.clamp-3>*{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.macros-basics-title.clamp-4,.macros-basics-title.clamp-4>*{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.macros-basics-title.pre-line{white-space:pre-line}.macros-basics-title.transited{transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.macros-basics-title.color-accent{--tw-text-opacity:1;color:rgb(var(--color-copy-brand)/1);color:rgb(var(--color-copy-brand)/var(--tw-text-opacity,1))}.macros-basics-title.color-secondary{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.macros-basics-title.color-muted{--tw-text-opacity:1;color:rgb(var(--color-copy-tertiary)/1);color:rgb(var(--color-copy-tertiary)/var(--tw-text-opacity,1))}.macros-basics-title.boxlink-title{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.back-extend.aqua .macros-basics-title.backcolor-brand-text,.back-extend.light .macros-basics-title.backcolor-brand-text,.back-extend.mid .macros-basics-title.backcolor-brand-text,.back-extend.petal .macros-basics-title.backcolor-brand-text,.back-extend.white .macros-basics-title.backcolor-brand-text{--tw-text-opacity:1;color:rgb(var(--color-copy-brand)/1);color:rgb(var(--color-copy-brand)/var(--tw-text-opacity,1))}.back-extend.aqua .macros-basics-title.backcolor-brand-text.faded-color,.back-extend.light .macros-basics-title.backcolor-brand-text.faded-color,.back-extend.mid .macros-basics-title.backcolor-brand-text.faded-color,.back-extend.petal .macros-basics-title.backcolor-brand-text.faded-color,.back-extend.white .macros-basics-title.backcolor-brand-text.faded-color{opacity:.7}.back-extend.aqua .macros-basics-title.backcolor-text,.back-extend.light .macros-basics-title.backcolor-text,.back-extend.mid .macros-basics-title.backcolor-text,.back-extend.petal .macros-basics-title.backcolor-text,.back-extend.white .macros-basics-title.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-primary)/1);color:rgb(var(--color-copy-primary)/var(--tw-text-opacity,1))}.back-extend.accent .macros-basics-title.backcolor-brand-text,.back-extend.darkest .macros-basics-title.backcolor-brand-text,.back-extend.primary .macros-basics-title.backcolor-brand-text,.hover-accent:hover .macros-basics-title.backcolor-brand-text{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.back-extend.accent .macros-basics-title.backcolor-brand-text.faded-color,.back-extend.darkest .macros-basics-title.backcolor-brand-text.faded-color,.back-extend.primary .macros-basics-title.backcolor-brand-text.faded-color,.hover-accent:hover .macros-basics-title.backcolor-brand-text.faded-color{opacity:.7}.back-extend.accent .macros-basics-title.backcolor-text,.back-extend.darkest .macros-basics-title.backcolor-text,.back-extend.primary .macros-basics-title.backcolor-text,.hover-accent:hover .macros-basics-title.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.back-extend.accent .macros-basics-title.backcolor-text.faded-color,.back-extend.darkest .macros-basics-title.backcolor-text.faded-color,.back-extend.primary .macros-basics-title.backcolor-text.faded-color,.hover-accent:hover .macros-basics-title.backcolor-text.faded-color{opacity:.7}.hover-light:hover .macros-basics-title.backcolor-brand-text{--tw-text-opacity:1;color:rgb(var(--color-copy-brand)/1);color:rgb(var(--color-copy-brand)/var(--tw-text-opacity,1))}.hover-light:hover .macros-basics-title.backcolor-brand-text.faded-color{opacity:.7}.hover-light:hover .macros-basics-title.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-primary)/1);color:rgb(var(--color-copy-primary)/var(--tw-text-opacity,1))}