.heading_wrapper__kBQJP{position:relative;width:100%}.heading_light__i6mZK{pointer-events:none;height:calc(100% + 32px);width:calc(100% + 32px);position:absolute;top:-16px;left:-16px;border-radius:16px}.heading_light__i6mZK:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(10px);opacity:.22;transform:translateZ(0)}.heading_heading__n9dOs{font-size:1.875rem;font-weight:700;text-align:start;color:#fff}.heading_subheading__6U31S{font-size:1.125rem;font-weight:700;text-align:start;color:#fff}.code_root__QlF5q{border-radius:12px;padding:16px;backdrop-filter:blur(10px);border:1px solid var(--gray6);position:relative;line-height:16px;background:var(--lowContrast);white-space:pre-wrap;box-shadow:0 5px 30px -5px rgba(0,0,0,.1)}.code_root__QlF5q pre{text-wrap:nowrap!important;overflow-x:auto}@media(prefers-color-scheme:dark){.code_root__QlF5q{background:var(--grayA2)}}.code_root__QlF5q button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--grayA3);border-radius:8px;position:absolute;top:12px;right:12px;color:var(--gray11);cursor:copy;transition:.15s}.code_root__QlF5q button:hover{color:var(--gray12);background:var(--grayA4)}.code_root__QlF5q button:active{color:var(--gray12);background:var(--grayA5);transform:scale(.96)}@media(prefers-color-scheme:dark){.code_shine__SZKRi{background:linear-gradient(90deg,rgba(56,189,248,0),var(--gray5) 20%,var(--gray9) 67.19%,rgba(236,72,153,0));height:1px;position:absolute;top:-1px;width:97%;z-index:-1}}@media(max-width:640px){.code_root__QlF5q .token-line{font-size:11px!important}}.date-picker_mainDP__yt8iR [date-picker-root]{box-shadow:0 5px 30px -5px rgba(0,0,0,.1);outline-width:0;outline:none;background-color:rgba(0,0,0,.45);border-radius:8px;max-width:640px;padding:16px;cursor:default}.date-picker_mainDP__yt8iR [date-picker-next-month-control],.date-picker_mainDP__yt8iR [date-picker-prev-month-control]{cursor:pointer;color:#e3e4e8;font-size:1.4rem;font-weight:400;outline:none}.date-picker_mainDP__yt8iR [date-picker-control-buttons]{display:flex;justify-content:space-between;align-items:center;gap:16px}.date-picker_mainDP__yt8iR [date-picker-heading]{display:flex;justify-content:space-between;height:36px;align-items:center}.date-picker_mainDP__yt8iR [date-picker-date-heading]{color:#e3e4e8;font-size:.8125rem;font-weight:500}.date-picker_mainDP__yt8iR [date-picker-months-wrapper]{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));outline:none}.date-picker_mainDP__yt8iR [date-picker-month]{display:flex;flex-direction:column;justify-content:flex-end}@media(max-width:689px){.date-picker_mainDP__yt8iR [date-picker-months-wrapper]{grid-template-columns:repeat(1,minmax(0,1fr))}}.date-picker_mainDP__yt8iR [date-picker-month-days]{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.date-picker_mainDP__yt8iR [date-picker-weekdays]{display:grid;width:100%;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.07)}.date-picker_mainDP__yt8iR [date-picker-weekday]{cursor:pointer;font-weight:400;color:#5d5e61}.date-picker_mainDP__yt8iR [date-picker-day],.date-picker_mainDP__yt8iR [date-picker-weekday]{display:inline-flex;height:26px;width:26px;padding:10px;align-items:center;justify-content:center;font-size:.8125rem;border:1px solid rgba(0,0,0,.3);border-radius:100%;margin:5px}.date-picker_mainDP__yt8iR [date-picker-day]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;color:#e3e4e8}.date-picker_mainDP__yt8iR [data-focused=true]{border:1px solid rgba(100,102,216,.9)}.date-picker_mainDP__yt8iR [data-range=true][data-focused=true],.date-picker_mainDP__yt8iR [data-selected=true][data-range=true]{background:#6466d8}.date-picker_mainDP__yt8iR [data-selected=true][data-focused=true]{border:1px solid hsla(0,0%,100%,.375)}.date-picker_mainDP__yt8iR [data-selected=true]{background-color:#6466d8;color:#fff}.date-picker_mainDP__yt8iR [data-range=true][data-selected=false][data-focused=false]{color:#fff;border:1px solid hsla(0,0%,100%,.15)}.date-picker_mainDP__yt8iR [data-disabled=true]{pointer-events:none;color:#5d5e61}.separator_wrapper__qCxZJ{width:100%;height:4px;position:relative;max-width:640px}.separator_line__iWc__{height:1px;width:100%;background-color:#4e4e4e;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 4rem,#fff calc(100% - 4rem),transparent);mask-image:linear-gradient(90deg,transparent,#fff 4rem,#fff calc(100% - 4rem),transparent);position:absolute;top:0}@keyframes shine{to{background-position:200%;opacity:0}}.content{display:flex;flex-direction:column;justify-content:center;background-color:#111;opacity:.975}.content:after{content:"";z-index:-1;position:absolute;width:100%;height:100%;top:0;opacity:.4;filter:invert(1);pointer-events:none}.oneMonth [date-picker-root]{box-shadow:0 5px 30px -5px rgba(0,0,0,.1);outline-width:0;background-color:rgba(0,0,0,.45);border-radius:8px;max-width:320px;display:flex;flex-direction:column;gap:16px;padding:16px;cursor:default}.oneMonth [date-picker-root] [date-picker-next-month-control],.oneMonth [date-picker-root] [date-picker-prev-month-control]{cursor:pointer;color:#e3e4e8;font-size:1.4rem;font-weight:400;outline:none}.oneMonth [date-picker-root] [date-picker-control-buttons]{display:flex;justify-content:space-between;align-items:center;gap:16px}.oneMonth [date-picker-root] [date-picker-heading]{display:flex;justify-content:space-between;height:36px;align-items:center}.oneMonth [date-picker-root] [date-picker-date-heading]{color:#e3e4e8;font-size:.8125rem;font-weight:500}.oneMonth [date-picker-root] [date-picker-months-wrapper]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));outline:none}.oneMonth [date-picker-root] [date-picker-month-days]{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.oneMonth [date-picker-root] [date-picker-weekdays]{display:grid;width:100%;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.07)}.oneMonth [date-picker-root] [date-picker-weekday]{cursor:pointer;font-weight:400;color:#5d5e61}.oneMonth [date-picker-root] [date-picker-day],.oneMonth [date-picker-root] [date-picker-weekday]{display:inline-flex;height:26px;width:26px;padding:10px;align-items:center;justify-content:center;font-size:.8125rem;border:1px solid rgba(0,0,0,.3);border-radius:100%;margin:5px}.oneMonth [date-picker-root] [date-picker-day]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;color:#e3e4e8}.oneMonth [date-picker-root] [data-focused=true]{border:1px solid rgba(100,102,216,.9)}.oneMonth [date-picker-root] [data-range=true][data-focused=true],.oneMonth [date-picker-root] [data-selected=true][data-range=true]{background:#6466d8}.oneMonth [date-picker-root] [data-selected=true][data-focused=true]{border:1px solid hsla(0,0%,100%,.375)}.oneMonth [date-picker-root] [data-selected=true]{background-color:#6466d8;color:#fff}.oneMonth [date-picker-root] [data-range=true][data-selected=false][data-focused=false]{color:#fff;border:1px solid hsla(0,0%,100%,.15)}.oneMonth [date-picker-root] [data-disabled=true]{pointer-events:none;color:#5d5e61}.styles_introduction__chkFa{display:flex;flex-direction:column;max-width:640px;width:100%;height:-moz-fit-content;height:fit-content}.styles_headingWrapper__gToH8{position:relative}.styles_light__J02L3{pointer-events:none;height:calc(100% + 32px);width:calc(100% + 32px);position:absolute;top:-16px;left:-16px;border-radius:16px}.styles_light__J02L3:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(10px);opacity:.24;transform:translateZ(0)}.styles_badge__hs_BA{display:flex;align-items:center;white-space:nowrap;line-height:normal;justify-content:center;font-weight:500;background-color:#1d1f24;box-shadow:0 4px 4px -1px rgba(0,0,0,.05);color:#e3e4e6;font-size:.875rem;padding:4px 8px;border:.5px solid #2a2c31;border-radius:5px}.styles_textBox__EHgOe{display:flex;flex-direction:column;gap:16px}.styles_text__VPTvp{color:hsla(0,0%,100%,.533);font-size:1rem}@media(max-width:1024px){.styles_text__VPTvp{font-size:.9125rem}}.styles_propertie__EYG0c{background-color:#1c1f24;border-radius:5px;border:.5px solid #2a2c31;color:#e3e4e6;font-size:.875rem;padding:1px 4px;box-shadow:0 4px 4px -1px rgba(0,0,0,.05);text-wrap:nowrap}.styles_row___YQsh{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%}.styles_cellName__0BbjZ{gap:16px}.styles_cellName__0BbjZ,.styles_cellValue__jFCNj{grid-column:span 3/span 3;display:flex;align-items:center}.styles_cellValue__jFCNj{position:relative;justify-content:flex-start;text-wrap:nowrap;gap:8px}.styles_cellDefault__o3497{grid-column:span 3/span 3;display:flex;align-items:flex-end;justify-content:flex-end}@media(max-width:1024px){.styles_row___YQsh{grid-template-columns:repeat(6,minmax(0,1fr))}.styles_cellValue__jFCNj{flex-direction:row-reverse}.styles_cellDefault__o3497{display:none}}.styles_dateAttribute__RTjCY{background-color:#1c1f24;border-radius:5px;border:.5px solid #2a2c31;color:#e3e4e6;font-size:.875rem;padding:2px 4px;box-shadow:0 4px 4px -1px rgba(0,0,0,.05)}.styles_iconWrapper__D20y3{position:relative}.styles_iconLight__4XKLO{pointer-events:none;height:calc(100% + 4px);width:calc(100% + 4px);position:absolute;top:-2px;left:-2px;border-radius:16px}.styles_iconLight__4XKLO:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(10px);opacity:.21;transform:translateZ(0)}.examples-switcher_switcher__QVAtO{display:grid;grid-template-columns:repeat(3,auto);width:100%;align-items:center;justify-content:center;gap:20px;position:relative}.examples-switcher_switcher__QVAtO button{height:32px;line-height:32px;display:flex;align-items:center;margin:auto;gap:8px;padding:0 16px;border-radius:9999px;color:#969696;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;text-transform:capitalize}.examples-switcher_switcher__QVAtO button:hover{color:#fff}.examples-switcher_switcher__QVAtO button:active{transform:scale(.96);color:#fff}.examples-switcher_switcher__QVAtO button:focus-visible{outline:0}.examples-switcher_switcher__QVAtO button[data-selected=true]{color:#fff}.examples-switcher_switcher__QVAtO button[data-selected=true]:hover .examples-switcher_activeTheme__lJkCp{background:transparent}.examples-switcher_switcher__QVAtO .examples-switcher_activeTheme__lJkCp{border-radius:9999px;position:absolute;height:32px;width:100%;top:0;color:red;left:0}.examples-switcher_switcher__QVAtO .examples-switcher_activeTheme__lJkCp:before{content:"";background-color:#fff;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 4rem,#fff calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,#fff 4rem,#fff calc(100% - 20px),transparent);position:absolute;top:0;left:-4px;height:1px;width:calc(100% + 8px)}.examples-switcher_switcher__QVAtO .examples-switcher_activeTheme__lJkCp:after{content:"";background-color:#4e4e4e;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 4rem,#fff calc(100% - 4rem),transparent);mask-image:linear-gradient(90deg,transparent,#fff 4rem,#fff calc(100% - 4rem),transparent);position:absolute;bottom:0;left:-4px;height:1px;width:calc(100% + 8px)}@media(max-width:689px){.examples-switcher_switcher__QVAtO{gap:0}}.examples-switcher_switcherLight__EBnVA{pointer-events:none;height:32px;width:100%;position:absolute;left:0;top:0}.examples-switcher_switcherLight__EBnVA:before{content:"";inset:0;position:absolute;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#2e2e2e,#111);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;transform:translateZ(0);-webkit-mask:none;mask:none;-webkit-mask-composite:none;mask-composite:none;opacity:.2;backdrop-filter:blur(20px)}.layout_mainGrid__osNff{flex-direction:column;display:flex;gap:32px;color:#fff;max-width:640px;justify-content:center;width:100%}.layout_mainGrid__osNff>*{grid-column:2}@media(min-width:1024px){.layout_mainGrid__osNff{display:grid;grid-template-columns:192px 640px 192px;-moz-column-gap:32px;column-gap:32px}}@media(max-width:1088){.layout_mainGrid__osNff{grid-template-columns:auto 640px auto}}