.examples_row__48Ti_{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.examples_componentWidth__N7YQa,.examples_demoPanel__hk9Eg,.examples_skeletonLayout__vpsFt,.examples_stack__Fh3Lh{width:min(100%,36rem)}.examples_cardDemo__xCmo2{width:min(100%,20rem)}.examples_cardDemo__xCmo2 .card{align-items:center}.examples_stack__Fh3Lh{display:flex;flex-direction:column;gap:.75rem}.examples_stack__Fh3Lh .banner{margin-bottom:0}.examples_demoPanel__hk9Eg{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.examples_animatedContent__b0ZM6{margin-top:1rem;border:1px solid var(--theme-border-color);border-radius:4px;padding:1rem;background:var(--theme-elevation-50)}.examples_skeletonLayout__vpsFt{display:flex;align-items:center;gap:1rem}.examples_skeletonLines__ujPKX{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.examples_copyDemo___tUql{display:flex;align-items:center;gap:.5rem}.examples_gutterFrame__aAFoZ{width:min(100%,36rem);border:1px solid var(--theme-elevation-250);background:var(--theme-elevation-50)}.examples_gutterContent__dh13i{padding:1rem 0;background:var(--theme-elevation-150);text-align:center}.examples_iconStates__tQ9M3{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.examples_iconState__yhUgc{display:flex;min-width:4rem;flex-direction:column;align-items:center;gap:.5rem;color:var(--theme-elevation-600);font-size:.75rem}.examples_iconState__yhUgc .hamburger{width:fit-content;height:fit-content;color:var(--theme-text)}.examples_tooltipTarget__jHyl8{position:relative}.examples_collapsibleDemo__164Bp{width:min(100%,36rem);align-self:flex-start}.examples_searchDemo__wPFPh{display:flex;width:min(100%,36rem);flex-direction:column;gap:.75rem}.examples_searchDemo__wPFPh>span{color:var(--theme-elevation-600);font-size:.75rem}.examples_popupPortal__bByIR{--base:20px;--z-popup:60;--style-radius-s:3px}.examples_popupPortal__bByIR .popup-divider{margin:calc(var(--base)*.75) 0}.examples_popupDemo__RhsxY{display:flex;width:100%;min-height:18rem;align-items:center;justify-content:center}.examples_popupPortalLight__yckp3{--theme-input-bg:rgb(255,255,255);--theme-text:rgb(47,47,47);--theme-elevation-100:rgb(235,235,235);--theme-elevation-150:rgb(221,221,221);--theme-elevation-800:rgb(47,47,47)}.examples_popupPortalDark__jL_D2{--theme-input-bg:rgb(34,34,34);--theme-text:rgb(255,255,255);--theme-elevation-100:rgb(47,47,47);--theme-elevation-150:rgb(60,60,60);--theme-elevation-800:rgb(235,235,235)}.examples_datePickerDemo__GXwyg,.examples_timezoneDemo__9TyVt{width:min(100%,24rem);min-height:16rem;display:flex;align-items:center;justify-content:center}.examples_reactSelectDemo__I7qK6{display:flex;width:min(100%,36rem);min-height:16rem;align-items:center}.examples_reactSelectDemo__I7qK6 .react-select{width:100%}.examples_datePickerDemo__GXwyg{display:flex;width:min(100%,18rem);flex-direction:column;gap:.5rem}.examples_datePickerDemo__GXwyg>label{font-size:.875rem}.examples_dropzoneContent__AIkf_{display:flex;width:100%;min-height:5rem;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.examples_dropzoneContent__AIkf_>span{color:var(--theme-elevation-600);font-size:.875rem}.examples_tableDemo__IN1aY{width:min(100%,44rem)}.examples_loadingOverlayDemo__il_VI{position:relative;display:flex;width:min(100%,36rem);min-height:12rem;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s)}.examples_loadingOverlayDemo__il_VI .loading-overlay{position:absolute;z-index:1;inset:0;width:auto;height:auto}.examples_staggeredShimmers__Uhyt5{display:flex;width:min(100%,36rem);flex-direction:column;gap:.75rem}.examples_progressBarDemo__H_8zo{position:relative;display:flex;width:min(100%,36rem);min-height:8rem;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s)}.examples_progressBarDemo__H_8zo .progress-bar{position:absolute;z-index:1;top:0;right:0;left:0;width:auto}.examples_paginationDemo__j6r9m{display:flex;flex-direction:column;align-items:center;gap:1rem}.examples_paginationDemo__j6r9m>span{color:var(--theme-elevation-600);font-size:.75rem}.examples_overlayPortal__zqXB4{--base:20px;--gutter-h:32px;--z-modal:100;--style-radius-s:3px;color:var(--theme-text)}.examples_overlayPortalLight__PI8s8{--theme-bg:rgb(255,255,255);--theme-text:rgb(47,47,47);--theme-elevation-0:rgb(255,255,255);--theme-elevation-100:rgb(235,235,235);--theme-elevation-150:rgb(221,221,221);--theme-elevation-800:rgb(47,47,47)}.examples_overlayPortalDark__8gtdI{--theme-bg:rgb(34,34,34);--theme-text:rgb(255,255,255);--theme-elevation-0:rgb(34,34,34);--theme-elevation-100:rgb(47,47,47);--theme-elevation-150:rgb(60,60,60);--theme-elevation-800:rgb(235,235,235)}.examples_overlayExampleFrame__f38_A{position:relative;display:flex;width:min(100%,44rem);min-height:28rem;align-items:center;justify-content:center;overflow:hidden}.examples_drawerOverlayExampleFrame__DfJnH{width:calc(100% + var(--component-preview-padding-inline) + var(--component-preview-padding-inline));min-height:calc(28rem + var(--component-preview-padding-block) + var(--component-preview-padding-block));margin-block:calc(0rem - var(--component-preview-padding-block));margin-inline:calc(0rem - var(--component-preview-padding-inline))}.examples_overlayExampleContainer__w0OP2{position:absolute!important;z-index:1!important;inset:0;visibility:visible!important;pointer-events:none!important}.examples_overlayExampleContainer__w0OP2 .component-preview-modal__modal-item{pointer-events:auto}.examples_confirmationOverlayExampleContainer__J8_em .confirmation-modal__wrapper{width:min(100% - 4rem,32rem);border:1px solid var(--theme-elevation-400);border-radius:var(--style-radius-s);background:var(--theme-bg);box-shadow:0 2px 16px -2px rgba(0,0,0,.2);animation:examples_preview-modal-in__cqmzB .16s cubic-bezier(.2,0,0,1) both}.examples_confirmationOverlayExampleContainer__J8_em .confirmation-modal__content h1{margin:0;font-size:32px;line-height:36px;letter-spacing:0}.examples_confirmationOverlayExampleContainer__J8_em .confirmation-modal__content p{margin:0}.examples_drawerPreviewSurface__DATbw{position:absolute;inset:0;display:flex;overflow:hidden;visibility:hidden;border:1px solid var(--theme-elevation-400);pointer-events:none;transform:translateX(100%);transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}.examples_drawerPreviewSurface__DATbw[data-state=open]{visibility:visible;pointer-events:auto;transform:translateX(0)}.examples_drawerPreviewSurface__DATbw[data-state=closing]{visibility:visible;transform:translateX(100%)}.examples_drawerPreviewDismiss__KFFx_{appearance:none;flex:1 1 auto;border:0;padding:0;background:color-mix(in srgb,var(--theme-elevation-800) 10%,transparent);cursor:pointer}.examples_drawerPreviewContent__QWEIH{position:relative;display:flex;width:min(72%,32rem);flex:0 0 min(72%,32rem);flex-direction:column;gap:2rem;padding:3rem 2rem;background:var(--theme-bg);box-shadow:-2px 0 16px -2px rgba(0,0,0,.2)}.examples_drawerPreviewContent__QWEIH p{max-width:28rem;margin:0}.examples_drawerPreviewHeader__Trk63{display:flex;align-items:center;gap:1rem}.examples_drawerPreviewHeader__Trk63 h2{flex:1 1;margin:0;font-size:32px;line-height:36px;letter-spacing:0}.examples_drawerPreviewClose__evOcm{appearance:none;display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:0;padding:0;background:rgba(0,0,0,0);color:inherit;cursor:pointer}.examples_drawerPreviewClose__evOcm svg{width:2rem;height:2rem}@keyframes examples_preview-modal-in__cqmzB{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.examples_confirmationOverlayExampleContainer__J8_em .confirmation-modal__wrapper{animation:none}.examples_drawerPreviewSurface__DATbw{transition:none}}@layer payload-default{}@layer payload-default{}@layer payload-default{.banner{font-size:1rem;line-height:20px;border:0;vertical-align:middle;background:var(--theme-elevation-100);color:var(--theme-elevation-800);border-radius:4px;padding:10px;margin-bottom:1.5384615385rem}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:var(--theme-elevation-900)}.banner--type-default.button--has-action:active{background:var(--theme-elevation-950)}.banner--type-error{background:var(--theme-error-100);color:var(--theme-error-600)}.banner--type-error svg .stroke{stroke:var(--theme-error-600);fill:none}.banner--type-error svg .fill{fill:var(--theme-error-600)}.banner--type-error.button--has-action:hover{background:var(--theme-error-200)}.banner--type-error.button--has-action:active{background:var(--theme-error-300)}.banner--type-success{background:var(--theme-success-100);color:var(--theme-success-600)}.banner--type-success.button--has-action:active,.banner--type-success.button--has-action:hover{background:var(--theme-success-200)}.card__title{font-family:var(--font-body);font-weight:500;margin:0;font-size:13px;line-height:16px}.card{background:var(--theme-elevation-50);padding:16px;width:100%;min-height:80px;position:relative;border-radius:var(--style-radius-m);border:1px solid var(--theme-border-color);transition-property:border,box-shadow,background;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);display:flex;justify-content:space-between;align-self:start;gap:16px}.card__title{letter-spacing:0;font-weight:600;line-height:16px;width:100%;margin:2px 0}.card__actions{position:relative;z-index:2;display:inline-flex}.card__actions .btn{margin:0;flex-shrink:0}.card__actions .btn__icon{border:1px solid var(--theme-border-color);transition-property:border,box-shadow,color,background;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1)}.card__actions .btn__icon:hover{border:1px solid var(--theme-elevation-500);background-color:var(--theme-elevation-0);color:currentColor;box-shadow:0 2px 2px -1px rgba(0,0,0,.1)}.card--has-onclick{cursor:pointer}.card--has-onclick:hover{background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-250);box-shadow:0 4px 8px -2px rgba(0,0,0,.05)}.card__click{z-index:1;top:0;left:0;width:100%;height:100%;position:absolute;margin:0}}@layer payload-default{}@layer payload-default{}@layer payload-default{}