@layer components{.ul-qwall-wrap[data-accents]{--qa-hairline: var(--line);--qa-shadow: var(--shadow-card);--qa-shadow-lift: var(--shadow-card-hover)}.ul-qwall-wrap[data-accents] [data-acc=lime]{--acc: var(--lime);--acc-soft: var(--lime-15);--acc-tint: var(--lime-30);--acc-line: color-mix(in srgb, var(--lime) 60%, var(--ink));--acc-dot: var(--lime);--acc-text: var(--ink)}.ul-qwall-wrap[data-accents] .ul-qwin__shell[data-acc]{border-color:var(--qa-hairline);background:color-mix(in srgb,var(--acc) 4%,var(--page));box-shadow:var(--qa-shadow)}@media (hover: hover) and (pointer: fine){.ul-qwall-wrap[data-accents] .ul-qwin__shell[data-acc]:hover{box-shadow:var(--qa-shadow-lift)}}.ul-qwall-wrap[data-accents] .ul-qwin__bar{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 38%,var(--page)),color-mix(in srgb,var(--acc) 14%,var(--page)));border-bottom:1px solid color-mix(in srgb,var(--acc-line) 22%,transparent)}.ul-qwall-wrap[data-accents] .ul-qwin__dots i{background:color-mix(in srgb,var(--ink) 38%,transparent);opacity:1}.ul-qwall-wrap[data-accents] .ul-qwin__dots i:nth-child(2){opacity:.72}.ul-qwall-wrap[data-accents] .ul-qwin__dots i:nth-child(3){opacity:.46}.ul-qwall-wrap[data-accents] .ul-qwin__meta{border-top-color:color-mix(in srgb,var(--acc-line) 20%,transparent)}}