.all-components-container_container__VO1y5{display:grid;grid-template-columns:repeat(3,1fr);row-gap:var(--vapor-size-space-700,3.5rem);column-gap:var(--vapor-size-space-400,2rem)}.component-card_card__piSa6{height:100%;transition:box-shadow .25s ease;cursor:not-allowed;min-width:16.25rem}.component-card_link__eDf3w:hover{box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.2)}.component-card_header__dW1tK{margin:0;padding:0;height:auto;isolation:isolate;left:0;object-fit:contain;overflow:hidden;position:relative;top:0;width:100%;border-bottom:0}.component-card_body__ow8iG{display:flex;padding:var(--vapor-size-space-300,1.5rem);flex-direction:column;align-items:flex-start;gap:var(--vapor-size-space-100,.5rem);align-self:stretch}.component-card_componentName__BaVDQ{display:flex;align-items:center;gap:var(--vapor-size-space-050);align-self:stretch}.component-card_image__L84V_{width:100%;height:auto;border-top-left-radius:var(--vapor-size-borderRadius-300,.5rem);border-top-right-radius:var(--vapor-size-borderRadius-300,.5rem);margin:0}.component-card_description__0DiBz{word-break:keep-all}.tabs_root__H6KwU{display:flex;width:100%}.tabs_root__H6KwU[data-orientation=horizontal]{flex-direction:column}.tabs_root__H6KwU[data-orientation=vertical]{flex-direction:row}.tabs_list__YrE7q{position:relative;display:flex;align-items:flex-start;gap:var(--vapor-size-space-100,.5rem)}.tabs_list_start__7Jh9t{justify-content:flex-start}.tabs_list_center__VcSrf{justify-content:center}.tabs_list__YrE7q[data-orientation=horizontal]{flex-direction:row;flex:1;min-width:min-content;max-width:100%}.tabs_list__YrE7q[data-orientation=horizontal].tabs_list_hasBorder__ol_2y:after{content:"";position:absolute;left:0;bottom:-.0625rem;width:100%;height:.0625rem;background-color:var(--vapor-color-border-normal,#e1e1e8)}.tabs_list__YrE7q[data-orientation=vertical]{flex-direction:column;padding-block:var(--vapor-size-space-300,1.5rem);border-right:.0625rem solid rgba(0,0,0,0)}.tabs_list__YrE7q[data-orientation=vertical].tabs_list_hasBorder__ol_2y{border-right:.0625rem solid var(--vapor-color-border-normal,#e1e1e8)}.tabs_tab__o_ogn{position:relative;color:var(--vapor-color-foreground-hint-darker,#525463);background-color:rgba(0,0,0,0);border:none;transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.tabs_tab__o_ogn:focus,.tabs_tab__o_ogn:hover{text-decoration:none}.tabs_tab_sm__0sDXy{height:var(--vapor-size-dimension-300,1.5rem)}.tabs_tab_sm__0sDXy[data-state=active]>span{letter-spacing:var(--vapor-size-letterSpacing-000,0)}.tabs_tab_md__atYmS{height:var(--vapor-size-dimension-400,2rem)}.tabs_tab_lg__WU_en{height:var(--vapor-size-dimension-500,2.5rem)}.tabs_tab_xl__MF6tG{height:var(--vapor-size-dimension-600,3rem)}.tabs_tab_stretch__n4AJ9{flex:1}.tabs_tab__o_ogn:disabled{opacity:.32;color:var(--vapor-color-foreground-hint-darker,rgb(82,84,99));pointer-events:none}.tabs_tab__o_ogn>span:before{display:block;content:attr(title);height:0;overflow:hidden;visibility:hidden}.tabs_tab__o_ogn>span:before,.tabs_tab__o_ogn[data-state=active]>span{font-weight:var(--vapor-size-fontWeight-500)}.tabs_tab__o_ogn[data-orientation=horizontal]{padding:0 var(--vapor-size-space-050,.25rem)}.tabs_tab__o_ogn[data-orientation=horizontal]:after{content:"";position:absolute;z-index:1;background-color:rgba(0,0,0,0);transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease;bottom:-.0625rem;left:0;width:100%;height:.125rem}.tabs_tab__o_ogn[data-orientation=horizontal]:focus-visible,.tabs_tab__o_ogn[data-orientation=horizontal]:hover,.tabs_tab__o_ogn[data-orientation=horizontal][data-state=active]{color:var(--vapor-color-foreground-primary,#1d6ce0)}.tabs_tab__o_ogn[data-orientation=horizontal]:focus-visible:after,.tabs_tab__o_ogn[data-orientation=horizontal]:hover:after,.tabs_tab__o_ogn[data-orientation=horizontal][data-state=active]:after{content:"";position:absolute;z-index:1;background-color:var(--vapor-color-foreground-primary,#448efe);transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease;bottom:-.0625rem;left:0;width:100%;height:.125rem}.tabs_tab__o_ogn[data-orientation=vertical]{width:100%;padding:0 var(--vapor-size-space-200,1rem)}.tabs_tab__o_ogn[data-orientation=vertical]:after{content:"";position:absolute;z-index:1;background-color:rgba(0,0,0,0);transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease;right:-.0625rem;top:0;width:.125rem;height:100%}.tabs_tab__o_ogn[data-orientation=vertical]:focus-visible,.tabs_tab__o_ogn[data-orientation=vertical]:hover,.tabs_tab__o_ogn[data-orientation=vertical][data-state=active]{color:var(--vapor-color-foreground-primary,#1d6ce0)}.tabs_tab__o_ogn[data-orientation=vertical]:focus-visible:after,.tabs_tab__o_ogn[data-orientation=vertical]:hover:after,.tabs_tab__o_ogn[data-orientation=vertical][data-state=active]:after{content:"";position:absolute;z-index:1;background-color:var(--vapor-color-foreground-primary,#448efe);transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease;right:-.0625rem;top:0;width:.125rem;height:100%}.foundation-color-boxes_boxes__XmH_C{display:flex;flex-wrap:wrap;gap:.5rem}.foundation-color-boxes_tabsList__rRUBg[aria-orientation=horizontal]{padding:0}.foundation-color-boxes_tabsList__rRUBg>button[data-orientation=horizontal]{z-index:1}.foundation-color-boxes_tabsPanel__MbI3x{padding:2.5rem 0 0}.foundation-color-boxes_box__MDc93{border:1px solid var(--vapor-color-border-normal);border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;width:200px;background-color:rgba(0,0,0,0);padding:0}.foundation-color-boxes_palette__xZPaw{width:100%;height:6.625rem;border-bottom:1px solid var(--vapor-color-border-normal)}.foundation-color-boxes_descriptions__Uyc23{width:100%;height:100%;padding:.5rem .75rem;gap:.25rem;text-align:left;display:flex;flex-direction:column}.foundation-color-boxes_description__Tvb7G{text-wrap:wrap}.foundation-size-tabs_boxes__zFICB{display:flex;flex-wrap:wrap;gap:.5rem}.foundation-size-tabs_tabsList__BcP4M[aria-orientation=horizontal]{padding:0}.foundation-size-tabs_tabsList__BcP4M>button[data-orientation=horizontal]{z-index:1}.foundation-size-tabs_tabsPanel__BKy2L{padding:2.5rem 0 0}.foundation-size-tabs_button__P8ge7{border:1px solid var(--vapor-color-border-normal);border-radius:var(--vapor-size-borderRadius-300);overflow:hidden;width:200px;background-color:rgba(0,0,0,0);padding:0}.foundation-size-tabs_palette__ABqAl{width:100%;height:6.625rem;border-bottom:1px solid var(--vapor-color-border-normal)}.foundation-size-tabs_descriptions__NNesx{width:100%;height:100%;padding:.5rem .75rem;gap:.25rem;text-align:left;display:flex;flex-direction:column}.foundation-size-tabs_description__GuueE{text-wrap:wrap}.icon-base-6bkaxn0{width:var(--vapor-icon-width,1rem)}.icon-base-6bkaxn1{height:var(--vapor-icon-height,1rem)}.icon-list-item_iconListItem__sqW5g{display:flex;height:8.75rem;min-width:8.75rem;padding:2.3125rem var(--vapor-size-space-150,.75rem) 0 var(--vapor-size-space-150,.75rem);flex-direction:column;align-items:center;gap:var(--vapor-size-space-100,.5rem);border-radius:var(--vapor-size-borderRadius-300,.5rem);border:1px solid var(--vapor-color-border-normal,#e1e1e8);background:var(--vapor-color-background-normal,#fff);position:relative;cursor:auto}.icon-list-item_iconContainer__keK0y{color:var(--vapor-color-foreground-normal)}.icon-list-item_dim__rkD0n{border-radius:var(--vapor-size-borderRadius-300,.5rem);background:rgba(var(--vapor-color-background-rgb-normal),.32);backdrop-filter:blur(.125rem);width:100%;height:8.625rem;position:absolute;top:0;z-index:1}.icon-list-item_button__5nqjU{border:none;outline:none;background-color:rgba(0,0,0,0);padding:0}.icon-list-item_badge__w1jqt{display:flex;height:var(--vapor-size-dimension-400,32px);padding:0 var(--vapor-size-space-150,12px);justify-content:space-between;align-items:center;gap:var(--vapor-size-space-075,6px);width:6.125rem;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--vapor-size-borderRadius-500,1rem);background:linear-gradient(0deg,rgba(var(--vapor-color-background-rgb-hint),.08) 0,rgba(var(--vapor-color-background-rgb-hint),.08) 100%),#fff}.icon-list-item_badge_copied__7HcIZ{width:6.875rem;background:linear-gradient(0deg,rgba(var(--vapor-color-background-rgb-success),.16) 0,rgba(var(--vapor-color-background-rgb-success),.16) 100%),#fff}.icon-list-item_text__Jo0Yh{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;height:3em;line-height:1.5em;flex-grow:1;white-space:pre-wrap;width:100%;text-align:center}.icon-list-tabs_container__9EeOZ{display:grid;align-items:flex-start;grid-gap:var(--vapor-size-space-250,1.25rem)}.icon-list-tabs_tabList__fOn7H[data-orientation=horizontal]{padding-inline:0}.icon-list-tabs_tabPanel__EA5a4{display:grid;gap:var(--vapor-size-space-250,1.25rem);grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));padding-inline:0}.live-code-block_root__nPbwe{border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.05);overflow:hidden;margin-bottom:1.5rem}.live-code-block_preview__ysqui{padding:2rem;border:1px solid #e2e8f0;border-radius:8px 8px 0 0}.live-code-block_editor__sSCls{background-color:#011627;font-family:Fira Code,monospace;font-size:14px;padding:1rem;line-height:1.6}.live-code-block_error__d1jo2{background-color:#f55;color:#fff;padding:1rem}.section_section__Eytz2{display:flex;flex-direction:column;gap:var(--vapor-size-space-100)}.color-board_customButton__PTqjz{margin-top:var(--vapor-size-space-200)}.color-board_colorBoard_radio_group__D3S_b{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--vapor-size-space-100)}.color-board_colorBoard_column__a_wn7{display:flex;flex-direction:column;gap:var(--vapor-size-space-075)}.radio-button-group_radioButtonGroup__xwON9{display:flex;gap:var(--vapor-size-space-100)}.radio-button-group_radioButtonGroup__xwON9[data-direction=horizontal]{flex-direction:row}.radio-button-group_radioButtonGroup__xwON9[data-direction=vertical]{flex-direction:column}.theme-panel_panel__8ou3r{position:fixed;right:1rem;top:2rem;display:flex;flex-direction:column;justify-content:center;background-color:var(--vapor-color-background-normal);border-radius:var(--vapor-size-borderRadius-300);box-shadow:0 4px 16px 0 rgba(0,0,0,.2);z-index:9999;overflow:hidden;transform:translateX(105%);transition:transform .2s ease-in;will-change:transform}.theme-panel_panel_open__pyWbX{transform:none}.theme-panel_panel_header__DAvkg{display:flex;justify-content:space-between;align-items:center;border-bottom:none}.theme-panel_panel_hot-key__JXyfv{display:flex;align-items:center;gap:var(--vapor-size-space-050)}.theme-panel_panel_body__HE3S_{padding-top:0}.theme-panel_sections__tPv2h{display:flex;flex-direction:column;gap:var(--vapor-size-space-250)}.page-wrapper_container__2JMqH{padding:4rem 2rem;min-height:100vh}.page-wrapper_navigation__7BhlY{display:flex;flex-direction:column;justify-content:center;height:12.5rem;gap:1.25rem;position:fixed;right:1rem;top:2rem;padding:1rem 1.5rem;border-radius:1rem;background-color:var(--vapor-color-background-primary)}.page-wrapper_navigation__7BhlY button{color:#000}.page-wrapper_wrapper__t1HfC{width:max-content;display:flex;flex-direction:column;gap:3rem}.page-wrapper_wrapper__t1HfC>header{display:flex;flex-direction:column;gap:1rem}.page-wrapper_wrapper__t1HfC>section{display:flex;flex-direction:column;gap:var(--vapor-size-space-800)}.rendering-template_container__H7JUk{display:flex;flex-direction:column;gap:1.5rem}.rendering-template_grid__pyiwf{display:grid;grid-template-columns:repeat(var(--cols,1),1fr);grid-template-rows:repeat(var(--rows,1),auto);gap:var(--gap,.5rem);width:fit-content}