.macros-basics-accordion .accordion-item{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(var(--color-line-default)/var(--tw-border-opacity,1))}.macros-basics-accordion .accordion-item .accordion-trigger{cursor:pointer;padding-bottom:2rem;padding-right:2.5rem;padding-top:2rem;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.macros-basics-accordion .accordion-item .accordion-trigger>*{margin:0;max-width:620px}.macros-basics-accordion .accordion-item .accordion-trigger .accordion-marker{height:2rem;position:absolute;right:.25rem;top:50%;width:2rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.macros-basics-accordion .accordion-item .accordion-trigger .accordion-marker .marker-minus,.macros-basics-accordion .accordion-item .accordion-trigger .accordion-marker .marker-plus{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.macros-basics-accordion .accordion-item .accordion-trigger .accordion-marker .marker-minus{opacity:0}.macros-basics-accordion .accordion-item .accordion-panel{display:grid;grid-template-rows:0fr;transition-duration:.3s;transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1)}.macros-basics-accordion .accordion-item .accordion-panel .accordion-content{overflow:hidden;padding-bottom:0;padding-right:2.5rem;transition-duration:.3s;transition-property:padding-bottom;transition-timing-function:cubic-bezier(.4,0,.2,1)}.macros-basics-accordion .accordion-item .accordion-panel .accordion-content>*{margin:0;max-width:800px}.macros-basics-accordion .accordion-item.is-active .accordion-trigger{padding-bottom:1.25rem;padding-top:1rem}.macros-basics-accordion .accordion-item.is-active .accordion-trigger .accordion-marker{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.macros-basics-accordion .accordion-item.is-active .accordion-trigger .accordion-marker .marker-plus{opacity:0}.macros-basics-accordion .accordion-item.is-active .accordion-trigger .accordion-marker .marker-minus{opacity:1}.macros-basics-accordion .accordion-item.is-active .accordion-panel{grid-template-rows:1fr}.macros-basics-accordion .accordion-item.is-active .accordion-panel .accordion-content{padding-bottom:2rem}.back-extend.light .macros-basics-accordion .accordion-item,.back-extend.mid .macros-basics-accordion .accordion-item,.back-extend.white .macros-basics-accordion .accordion-item{--tw-border-opacity:1;border-color:rgb(var(--color-line-default)/var(--tw-border-opacity,1))}.back-extend.aqua .macros-basics-accordion .accordion-item,.back-extend.petal .macros-basics-accordion .accordion-item{border-color:rgb(var(--color-brand-ink)/.15)}.back-extend.accent .macros-basics-accordion .accordion-item,.back-extend.darkest .macros-basics-accordion .accordion-item,.back-extend.primary .macros-basics-accordion .accordion-item{border-color:rgb(var(--color-surface-page)/.3)}