@wonderflow/react-components/dist/components/disclosure/disclosure.module.css

UI components from Wonderflow's Wanda design system

@layer components{.Disclosure{--icon-size:1.11rem;--icon-padding:0.500rem;--padding:calc(var(--icon-size) + var(--icon-padding) + var(--icon-size)/2);--icon-top-offset:calc(var(--icon-size)/2);display:block;position:relative;transform:translateZ(0);z-index:0}.Disclosure *{box-sizing:border-box}.Disclosure[data-disclosure-dimension=small]{--icon-top-offset:calc(var(--icon-size)/3);--icon-size:0.750rem}.Disclosure[data-disclosure-dimension=regular]{--icon-top-offset:calc(var(--icon-size)/4);--icon-size:1.000rem}.Disclosure[data-disclosure-dimension=big]{--icon-top-offset:calc(var(--icon-size)/3);--icon-size:1.125rem}.Summary{color:var(--dimmed-9);display:list-item;outline-offset:-2px;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none}.Disclosure[data-disclosure-icon-position=right][data-disclosure-expandable=true] .Summary{padding-inline-end:var(--padding)}.Disclosure[data-disclosure-icon-position=left][data-disclosure-expandable=true] .Summary{padding-inline-start:var(--padding)}.Disclosure[data-disclosure-expandable=true] .Summary{cursor:pointer}.Summary::marker{content:""}.Summary::-webkit-details-marker{display:none}.ExpandIcon{block-size:var(--icon-size);content:"";inline-size:var(--icon-size);position:absolute;right:calc(var(--icon-size)/2);top:var(--icon-top-offset);transform-box:fill-box;transform-origin:50% center;transition:transform .1s cubic-bezier(.3,.07,.34,1)}.Disclosure[data-disclosure-icon-position=left] .ExpandIcon{left:calc(var(--icon-size)/2);right:auto}.Disclosure[open]>.Summary>.ExpandIcon{transform:rotate(90deg)}.Content{box-sizing:border-box}.Disclosure[data-disclosure-icon-position=left] .Content[data-disclosure-padding=true]{padding-inline-start:var(--padding)}.Disclosure[data-disclosure-icon-position=right] .Content[data-disclosure-padding=true]{padding-right:var(--padding)}.Content[data-disclosure-height=true]{-webkit-overflow-scrolling:touch;max-block-size:var(--max-height);overflow:auto;overscroll-behavior:contain}}