.DesignLibraryLayout-module__3sk62a__layout{--design-library-header-row-height:44px;--design-library-content-top-offset:calc(var(--ds-space-2xl) + var(--design-library-header-row-height) + var(--ds-space-lg) + var(--design-library-header-row-height) + var(--ds-space-2xl));--design-library-content-header-top-padding:calc(var(--ds-space-2xl) + var(--design-library-header-row-height) + var(--ds-space-lg));--design-library-content-header-sticky-top:calc(var(--ds-space-2xl) - var(--design-library-content-header-top-padding))}.DesignLibraryLayout-module__3sk62a__contentViewport{overscroll-behavior:contain;height:100%;min-height:0;position:relative;overflow-y:auto}.DesignLibraryLayout-module__3sk62a__contentHeader{z-index:30;top:var(--design-library-content-header-sticky-top);box-sizing:border-box;padding:var(--design-library-content-header-top-padding) var(--ds-space-lg) var(--ds-space-2xl);position:sticky}.DesignLibraryLayout-module__3sk62a__contentHeader:before{z-index:0;content:"";background-color:var(--ds-color-background-primary);-webkit-mask-image:linear-gradient(to bottom, #0009 0, #0009 calc(-1 * var(--design-library-content-header-sticky-top)), #0000 100%);mask-image:linear-gradient(to bottom, #0009 0, #0009 calc(-1 * var(--design-library-content-header-sticky-top)), #0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, #0009 0, #0009 calc(-1 * var(--design-library-content-header-sticky-top)), #0000 100%);position:absolute;inset:0;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.DesignLibraryLayout-module__3sk62a__contentHeaderInner{z-index:1;width:100%;max-width:1336px;margin-inline:auto;position:relative}.DesignLibraryLayout-module__3sk62a__contentHeader [data-design-library-content-title]{filter:blur();opacity:1;transition-property:filter,opacity;transition-duration:var(--ds-motion-interactive-duration);transition-timing-function:var(--ds-motion-interactive-easing);will-change:filter, opacity}.DesignLibraryLayout-module__3sk62a__contentViewport[data-content-title-hidden=true] .DesignLibraryLayout-module__3sk62a__contentHeader [data-design-library-content-title]{filter:blur(20px);opacity:0;transition-duration:var(--ds-motion-content-title-exit-duration);transition-timing-function:var(--ds-motion-content-title-exit-easing)}@media (prefers-reduced-motion:reduce){.DesignLibraryLayout-module__3sk62a__contentHeader [data-design-library-content-title]{transition:none}}.DesignLibraryLayout-module__3sk62a__contentBody{box-sizing:border-box;padding:var(--ds-space-2xl) var(--ds-space-lg)}.DesignLibraryLayout-module__3sk62a__contentBodyWithHeader{padding-top:0}@media (max-width:720px){.DesignLibraryLayout-module__3sk62a__layout{flex-direction:column}.DesignLibraryLayout-module__3sk62a__layout [data-design-library-sidebar]{border-right:0;border-bottom:1px solid var(--ds-color-separator);width:100%;height:min(44vh,360px);min-height:280px}.DesignLibraryLayout-module__3sk62a__contentViewport{width:100%}.DesignLibraryLayout-module__3sk62a__contentHeader,.DesignLibraryLayout-module__3sk62a__contentBody{padding-right:var(--ds-space-md);padding-left:var(--ds-space-md)}}
.ModulePicker-module__S8uCha__menu{max-width:90vw;display:flex;overflow-x:auto}.ModulePicker-module__S8uCha__inlineMenu{z-index:30;margin-top:var(--ds-space-xs);position:absolute;top:100%;left:0}.ModulePicker-module__S8uCha__column{gap:var(--ds-space-2xs);width:var(--ds-menu-width);max-height:var(--ds-menu-max-height,16rem);padding:var(--ds-space-xs) var(--ds-space-xs);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.ModulePicker-module__S8uCha__columnBorderLeft{border-left:1px solid var(--ds-color-separator)}.ModulePicker-module__S8uCha__columnBorderRight{border-right:1px solid var(--ds-color-separator)}
.ModuleTree-module__SHiE8W__treeContent{padding-top:var(--design-library-content-top-offset,calc(var(--ds-space-2xl) + 44px + var(--ds-space-lg) + 44px + var(--ds-space-2xl)))}.ModuleTree-module__SHiE8W__treeCell{background-color:#0000}.ModuleTree-module__SHiE8W__treeCell[data-active=true]{background-color:var(--ds-color-fill-tertiary)}.ModuleTree-module__SHiE8W__treeCellTitle{transition:transform var(--ds-motion-interactive-duration) var(--ds-motion-interactive-easing)}.ModuleTree-module__SHiE8W__treeCellStack{gap:2px}.ModuleTree-module__SHiE8W__treeGroupContent{opacity:0;transition-property:grid-template-rows,opacity;transition-duration:var(--ds-motion-interactive-duration);transition-timing-function:var(--ds-motion-interactive-easing);grid-template-rows:0fr;display:grid}.ModuleTree-module__SHiE8W__treeGroupContent[data-expanded=true]{opacity:1;grid-template-rows:1fr}.ModuleTree-module__SHiE8W__treeGroupContentInner{min-height:0;overflow:hidden}.ModuleTree-module__SHiE8W__groupChevron{width:16px;height:16px;transition:transform var(--ds-motion-interactive-duration) var(--ds-motion-interactive-easing);background:currentColor;transform:rotate(-90deg);-webkit-mask:url(/icons/designhub-sort-chevron.svg) 50%/contain no-repeat;mask:url(/icons/designhub-sort-chevron.svg) 50%/contain no-repeat}.ModuleTree-module__SHiE8W__groupChevron[data-expanded=true]{transform:rotate(0)}@media (hover:hover){.ModuleTree-module__SHiE8W__treeCell:hover{background-color:var(--ds-color-fill-tertiary)}.ModuleTree-module__SHiE8W__treeCell[data-hovered=true] .ModuleTree-module__SHiE8W__treeCellTitle{transform:translateX(calc(-1 * var(--ds-space-xs)))}}@media (prefers-reduced-motion:reduce){.ModuleTree-module__SHiE8W__treeCellTitle,.ModuleTree-module__SHiE8W__treeGroupContent,.ModuleTree-module__SHiE8W__groupChevron{transition:none}}