.accordion{width:100%;background:rgba(var(--bg-color),.5);background-image:linear-gradient(rgba(var(--main-color),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--main-color),.03) 1px,transparent 1px);background-size:12px 12px}.accordion__header{--accordion-hover-text: rgba(40, 40, 40, .95);--accordion-hover-icon: rgba(18, 18, 18, .95);position:relative;display:flex;align-items:center;cursor:pointer;list-style:none;user-select:none;background:linear-gradient(180deg,rgba(var(--main-color),.18),rgba(var(--main-color),.08));border-bottom:1px dotted var(--main-color);font-weight:600;letter-spacing:.04em;transition:background 1s ease,color 1s ease,border-color 1s ease,box-shadow 1s ease}.accordion__header::-webkit-details-marker{display:none}.accordion__header:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:url(/assets/images/noise-textures/noisy-texture-200x200-1.png);background-size:200px 200px;transition:opacity 1s ease}.accordion__header:hover{background:repeating-linear-gradient(0deg,transparent 0,transparent 1px,rgba(0,0,0,.06) 2px),linear-gradient(180deg,#dcdcdc80,#c8c8c866);border-bottom-color:#fff9;box-shadow:0 0 0 1px #ffffff4d}.accordion__header:hover:after{opacity:.12}.accordion__header .accordion__title,.accordion__header .accordion__icon{position:relative;z-index:1}.accordion__header:hover .accordion__title{color:var(--accordion-hover-text)}.accordion__header:hover .accordion__icon{color:var(--accordion-hover-icon)}.accordion__icon{display:inline-block;transition:transform 1s ease,color 1s ease;font-size:1.35em}.accordion[open] .accordion__icon{transform:rotate(90deg)}.accordion__content{min-height:1.5em;background:rgba(var(--bg-color),.35)}.accordion__content :global(p:first-child),.accordion__content :global(ul:first-child){margin-top:0}.accordion__content :global(p:last-child),.accordion__content :global(ul:last-child){margin-bottom:0}