.sidebar-container{background:#ffffff}.sidebar-container,.sidebar-container>div,.sidebar-container [class*=scroll],.sidebar-container [class*=Scroll],.sidebar-container [class*=os-],.sidebar-container [class*=simplebar]{margin-right:0!important;padding-right:0!important}.sidebar-header{display:none}.search-field{margin:4px 4px 24px}#storybook-explorer-searchfield{background:#ffffff;border:1px solid #dfe0e1;border-radius:2px;box-shadow:none;color:#3b4047;font-family:FFDINforPUMA,FF DIN for PUMA,sans-serif;font-size:14px;height:40px;line-height:20px;padding:10px 38px 10px 36px}#storybook-explorer-searchfield::placeholder{color:#3b4047;opacity:1}.search-field>svg{color:#3b4047;height:16px;left:11px;top:50%!important;transform:translateY(-50%);width:16px}.search-field code{background:#f6f7f8;border-radius:1px;color:#191919;display:flex;font-family:FFDINforPUMA,FF DIN for PUMA,sans-serif;font-size:14px;height:20px;justify-content:center;line-height:20px;min-width:20px;padding:0 4px;right:8px;top:50%;transform:translateY(-50%)}.sidebar-subheading,.sidebar-item[data-nodetype=group]{margin:0}.sidebar-item{margin:0;padding-left:32px}a.sidebar-item,button.sidebar-item{padding-left:40px!important}.sidebar-subheading>button[data-action=collapse-root],.sidebar-item[data-nodetype=group]>a,.sidebar-item[data-nodetype=group]>button{align-items:center;color:#191919!important;display:flex;font-family:FF DIN for PUMA Cond Bold,DIN Condensed,Arial Narrow,sans-serif;font-size:16px!important;font-weight:700!important;justify-content:flex-start;letter-spacing:0;line-height:22px!important;min-height:24px;padding:1px 10px 1px 16px;position:relative;text-transform:uppercase;width:100%}.sidebar-subheading>button[data-action=collapse-root]>svg,.sidebar-item[data-nodetype=group]>a>svg,.sidebar-item[data-nodetype=group]>button>svg{display:none!important}.sidebar-subheading>button[data-action=collapse-root]:after,.sidebar-item[data-nodetype=group]>a:after,.sidebar-item[data-nodetype=group]>button:after{color:#191919;content:"+";display:block;font-family:FFDINforPUMA,FF DIN for PUMA,sans-serif;font-size:24px;font-weight:400;line-height:16px;margin-left:auto;position:absolute;right:0;top:50%;transform:translateY(-50%)}.sidebar-subheading>button[data-action=collapse-root][aria-expanded=true]:after,.sidebar-item[data-nodetype=group]>a[aria-expanded=true]:after,.sidebar-item[data-nodetype=group]>button[aria-expanded=true]:after{content:"-"}.sidebar-subheading-action{display:none!important}.sidebar-item a,.sidebar-item button{text-decoration:none}.sidebar-item[data-nodetype=story],.sidebar-item[data-nodetype=document],.sidebar-item[data-nodetype=component]{margin:0;padding-bottom:2px;padding-top:2px}.sidebar-item[data-nodetype=story] a,.sidebar-item[data-nodetype=story] button,.sidebar-item[data-nodetype=document] a,.sidebar-item[data-nodetype=document] button,.sidebar-item[data-nodetype=component] a,.sidebar-item[data-nodetype=component] button,.sidebar-item[data-nodetype=component],.sidebar-item[data-nodetype=component] div,.sidebar-item[data-nodetype=component] span{font-size:14px!important}.sidebar-item[data-item-id*=welcome] a,.sidebar-item[data-item-id*=welcome] button,.sidebar-item[data-item-id*=welcome] div,.sidebar-item[data-item-id*=welcome] span,.sidebar-item[data-item-id*=accessibility] a,.sidebar-item[data-item-id*=accessibility] button,.sidebar-item[data-item-id*=accessibility] div,.sidebar-item[data-item-id*=accessibility] span,.sidebar-item[data-item-id*=accessbility] a,.sidebar-item[data-item-id*=accessbility] button,.sidebar-item[data-item-id*=accessbility] div,.sidebar-item[data-item-id*=accessbility] span{font-size:16px!important}.sidebar-item[data-item-id$=--main] a,.sidebar-item[data-item-id$=--main] button,.sidebar-item[data-item-id*=playground] a,.sidebar-item[data-item-id*=playground] button,.sidebar-item[data-item-id*=auto-focus] a,.sidebar-item[data-item-id*=auto-focus] button,.sidebar-item[data-item-id*=autofocus] a,.sidebar-item[data-item-id*=autofocus] button,.sidebar-item[data-item-id*=live-region] a,.sidebar-item[data-item-id*=live-region] button,.sidebar-item[data-item-id*=liveregion] a,.sidebar-item[data-item-id*=liveregion] button,.sidebar-item[data-item-id*=auto-focus],.sidebar-item[data-item-id*=autofocus],.sidebar-item[data-item-id*=auto-focus] div,.sidebar-item[data-item-id*=autofocus] div,.sidebar-item[data-item-id$=--main] span,.sidebar-item[data-item-id*=playground] span,.sidebar-item[data-item-id*=auto-focus] span,.sidebar-item[data-item-id*=autofocus] span,.sidebar-item[data-item-id*=live-region] span,.sidebar-item[data-item-id*=liveregion] span{font-size:14px!important}.sidebar-item[data-nodetype=group][data-item-id$=--main],.sidebar-item[data-nodetype=group][data-item-id*=playground],.sidebar-item[data-nodetype=group][data-item-id*=variation],.sidebar-item[data-nodetype=group][data-item-id$=--main]>a,.sidebar-item[data-nodetype=group][data-item-id$=--main]>button,.sidebar-item[data-nodetype=group][data-item-id*=playground]>a,.sidebar-item[data-nodetype=group][data-item-id*=playground]>button,.sidebar-item[data-nodetype=group][data-item-id*=variation]>a,.sidebar-item[data-nodetype=group][data-item-id*=variation]>button{line-height:20px!important;min-height:auto!important;padding-top:0!important;padding-bottom:0!important}.sidebar-item[data-item-id*=introduction]{padding-left:28px!important}.sidebar-item[data-nodetype=component]>div svg:last-child{display:none!important}.sidebar-item[data-item-id$=--main] svg,.sidebar-item[data-item-id*=playground] svg,.sidebar-item[data-item-id*=variation] svg,.sidebar-item[data-item-id*=full] svg,.sidebar-item[data-item-id*=develop] svg{color:#a3a3a3!important;fill:#a3a3a3!important;stroke:#a3a3a3!important}.sidebar-item[data-item-id$=--main] svg path,.sidebar-item[data-item-id*=playground] svg path,.sidebar-item[data-item-id*=variation] svg path,.sidebar-item[data-item-id*=full] svg path,.sidebar-item[data-item-id*=develop] svg path{fill:#a3a3a3!important;stroke:#a3a3a3!important}.sidebar-item svg,.sidebar-item svg path,.sidebar-item svg circle,.sidebar-item svg rect,.sidebar-item svg polyline,.sidebar-item svg polygon{color:#a3a3a3!important;fill:#a3a3a3!important;stroke:#a3a3a3!important}.sidebar-container use[href$="#icon--bookmarkhollow"],.sidebar-container use[xlink\:href$="#icon--bookmarkhollow"],.sidebar-container use[href*="#icon--bookmarkhollow"],.sidebar-container use[xlink\:href*="#icon--bookmarkhollow"]{fill:#a3a3a3!important;stroke:#a3a3a3!important}.sidebar-container svg:has(>use[href$="#icon--bookmarkhollow"]),.sidebar-container svg:has(>use[xlink\:href$="#icon--bookmarkhollow"]),.sidebar-container svg:has(use[href$="#icon--bookmarkhollow"]),.sidebar-container svg:has(use[xlink\:href$="#icon--bookmarkhollow"]),.sidebar-container svg:has(>use[href*="#icon--bookmarkhollow"]),.sidebar-container svg:has(>use[xlink\:href*="#icon--bookmarkhollow"]),.sidebar-container svg:has(use[href*="#icon--bookmarkhollow"]),.sidebar-container svg:has(use[xlink\:href*="#icon--bookmarkhollow"]){color:#a3a3a3!important;fill:#a3a3a3!important;stroke:#a3a3a3!important}.sidebar-container svg:has(use[href$="#icon--bookmarkhollow"]) path,.sidebar-container svg:has(use[xlink\:href$="#icon--bookmarkhollow"]) path,.sidebar-container svg:has(use[href$="#icon--bookmarkhollow"]) circle,.sidebar-container svg:has(use[xlink\:href$="#icon--bookmarkhollow"]) circle,.sidebar-container svg:has(use[href$="#icon--bookmarkhollow"]) rect,.sidebar-container svg:has(use[xlink\:href$="#icon--bookmarkhollow"]) rect,.sidebar-container svg:has(use[href$="#icon--bookmarkhollow"]) polyline,.sidebar-container svg:has(use[xlink\:href$="#icon--bookmarkhollow"]) polyline,.sidebar-container svg:has(use[href$="#icon--bookmarkhollow"]) polygon,.sidebar-container svg:has(use[xlink\:href$="#icon--bookmarkhollow"]) polygon,.sidebar-container svg:has(use[href*="#icon--bookmarkhollow"]) path,.sidebar-container svg:has(use[xlink\:href*="#icon--bookmarkhollow"]) path,.sidebar-container svg:has(use[href*="#icon--bookmarkhollow"]) circle,.sidebar-container svg:has(use[xlink\:href*="#icon--bookmarkhollow"]) circle,.sidebar-container svg:has(use[href*="#icon--bookmarkhollow"]) rect,.sidebar-container svg:has(use[xlink\:href*="#icon--bookmarkhollow"]) rect,.sidebar-container svg:has(use[href*="#icon--bookmarkhollow"]) polyline,.sidebar-container svg:has(use[xlink\:href*="#icon--bookmarkhollow"]) polyline,.sidebar-container svg:has(use[href*="#icon--bookmarkhollow"]) polygon,.sidebar-container svg:has(use[xlink\:href*="#icon--bookmarkhollow"]) polygon{fill:#a3a3a3!important;stroke:#a3a3a3!important}.search-result-item svg,.search-result-item svg path,.search-result-item svg circle,.search-result-item svg rect,.search-result-item svg polyline,.search-result-item svg polygon,.search-result-back svg,.search-result-back svg path,.search-result-back svg circle,.search-result-back svg rect,.search-result-back svg polyline,.search-result-back svg polygon,.search-result-clearHistory svg,.search-result-clearHistory svg path,.search-result-clearHistory svg circle,.search-result-clearHistory svg rect,.search-result-clearHistory svg polyline,.search-result-clearHistory svg polygon,.search-result-more svg,.search-result-more svg path,.search-result-more svg circle,.search-result-more svg rect,.search-result-more svg polyline,.search-result-more svg polygon{color:#a3a3a3!important;fill:#a3a3a3!important;stroke:#a3a3a3!important}