@preply/ds-docs 1.4.1 → 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{00.LayoutFlex.stories-mymKFkS2.js → 00.LayoutFlex.stories-C6NuyaJx.js} +1 -1
- package/dist/assets/{00.applications-cOvkdn4p.js → 00.applications-CzRQjSiq.js} +1 -1
- package/dist/assets/{00.favicons.guide-CX6YxuQM.js → 00.favicons.guide-Cl2xkhMN.js} +1 -1
- package/dist/assets/{00.token-explorer-BjCN7ylO.js → 00.token-explorer-Bjz10JOk.js} +1 -1
- package/dist/assets/{00.using-responsive-props-BG-32JQv.js → 00.using-responsive-props-BJUez61e.js} +1 -1
- package/dist/assets/{01.semantic-tokens-CS6I4E3k.js → 01.semantic-tokens-rGQpGJVg.js} +1 -1
- package/dist/assets/{01.using-shorthand-props-CDt5URLa.js → 01.using-shorthand-props-C5dLPYVH.js} +1 -1
- package/dist/assets/{10.Combinations.stories-CcP1w0Wu.js → 10.Combinations.stories-BCpu8o_W.js} +1 -1
- package/dist/assets/{10.fonts.guide-5Osv6bQt.js → 10.fonts.guide-DDN5fND8.js} +1 -1
- package/dist/assets/{10.ssr-B2ic_xc1.js → 10.ssr-D-rANvZ-.js} +1 -1
- package/dist/assets/{11.languageFont.explorer-BaqI4Cex.js → 11.languageFont.explorer-BV6Gwq5u.js} +1 -1
- package/dist/assets/{11.ssr.app-router-CK0vtvuf.js → 11.ssr.app-router-Ch1ZJjg-.js} +1 -1
- package/dist/assets/{20.libraries-DbY1yXpU.js → 20.libraries-oHi972pc.js} +1 -1
- package/dist/assets/{30.icons.explorer-6FyVeY5b.js → 30.icons.explorer-CTyGJI0M.js} +1 -1
- package/dist/assets/{30.storybook-nmI5Mnpo.js → 30.storybook-C0MSe3yp.js} +1 -1
- package/dist/assets/{40.illustrations.explorer-QDEP64Qy.js → 40.illustrations.explorer-1aFkROmz.js} +1 -1
- package/dist/assets/{90.advanced-CeDdm92S.js → 90.advanced-t0tp7qCO.js} +1 -1
- package/dist/assets/AlertDialog-8zNG4W6P.css +1 -0
- package/dist/assets/{AlertDialog.stories-BHplbS1I.js → AlertDialog.stories-C5USsoA-.js} +2 -2
- package/dist/assets/Avatar-BZKmHoZm.css +1 -0
- package/dist/assets/Avatar-BkmMIq29.css +1 -0
- package/dist/assets/Avatar-D5vkZljP.js +1 -0
- package/dist/assets/Avatar-lFZ8Cfpv.js +6 -0
- package/dist/assets/{Avatar.stories-Ca9AjAg_.js → Avatar.stories-CLQ3BvQW.js} +1 -1
- package/dist/assets/AvatarWithStatus-Dv8yodGu.css +1 -0
- package/dist/assets/AvatarWithStatus.stories-BsgFOyBx.js +41 -0
- package/dist/assets/Badge-kZt_FH50.css +1 -0
- package/dist/assets/{Badge.stories-ChivIIAX.js → Badge.stories-CsQItVr_.js} +1 -1
- package/dist/assets/Box-4GImUu2D.css +1 -0
- package/dist/assets/Box.stories-C3UUNdDi.js +44 -0
- package/dist/assets/Button-CawJKyho.css +1 -0
- package/dist/assets/{Button-znehaUck.js → Button-G5Zxq86f.js} +3 -3
- package/dist/assets/{Button-BUPG92QJ.css → Button-GOFCl1lS.css} +1 -1
- package/dist/assets/Button-Oaj5OWvs.js +1 -0
- package/dist/assets/{Button.stories-zrYsP1KT.js → Button.stories-BuHavCSD.js} +1 -1
- package/dist/assets/{ButtonBase-gx5pzeWd.css → ButtonBase-CN93Hyoe.css} +1 -1
- package/dist/assets/ButtonBase-Desxs10d.js +8 -0
- package/dist/assets/Chips-DIrYdYig.css +1 -0
- package/dist/assets/{Chips.stories-Lr_oxvFg.js → Chips.stories-DwatZLP-.js} +1 -1
- package/dist/assets/{Color-YHDXOIA2-DPBM3lH7.js → Color-YHDXOIA2-CR40pFdp.js} +1 -1
- package/dist/assets/Dialog-B5rqi-V8.css +1 -0
- package/dist/assets/{Dialog.stories-Co5ymfx-.js → Dialog.stories-aheiL1C_.js} +7 -7
- package/dist/assets/{DocsRenderer-CFRXHY34-B1Udjgvc.js → DocsRenderer-CFRXHY34-C7iNFBWT.js} +1 -1
- package/dist/assets/{FieldAdditionalText-Die4PBVq.js → FieldAdditionalText-CK-mP7eE.js} +1 -1
- package/dist/assets/FieldAdditionalText-DmrAhCSm.css +1 -0
- package/dist/assets/{FieldAdditionalText.stories-BPTKuFmF.js → FieldAdditionalText.stories-JWcqGRDw.js} +1 -1
- package/dist/assets/{FieldButton-XtDXwnax.js → FieldButton-B9DsbnCd.js} +1 -1
- package/dist/assets/{FieldButton-D95l0ZqE.css → FieldButton-ClSNKPdl.css} +1 -1
- package/dist/assets/{FieldButton.stories-7KYed0Ix.js → FieldButton.stories-B5JDNmNP.js} +1 -1
- package/dist/assets/{FieldLayout-xpRx1mGJ.js → FieldLayout-2zlcC5-S.js} +1 -1
- package/dist/assets/FieldLayout-ayailSRB.css +1 -0
- package/dist/assets/{FieldLayout.stories-C14Em5UG.js → FieldLayout.stories-oIX7x6Q6.js} +1 -1
- package/dist/assets/{FieldLayoutBase-V0BYOPiv.js → FieldLayoutBase-0r0SpleC.js} +3 -3
- package/dist/assets/FieldLayoutBase-DaHOfSqh.css +1 -0
- package/dist/assets/Heading-BDNRMwVu.js +2 -0
- package/dist/assets/{Heading-Ckaft8cb.css → Heading-DhbbSS03.css} +1 -1
- package/dist/assets/{Heading.stories-DRJ0yv7j.js → Heading.stories-BW49vEiT.js} +1 -1
- package/dist/assets/Icon-COBslmJH.css +1 -0
- package/dist/assets/Icon-DAQd7Eod.js +8 -0
- package/dist/assets/{Icon-RSC-CxTuxwwx.js → Icon-RSC-DXv5b9K1.js} +1 -1
- package/dist/assets/Icon-VzZ0SATJ.css +1 -0
- package/dist/assets/Icon-qme4Scxh.js +1 -0
- package/dist/assets/{Icon.stories-BzjV31aL.js → Icon.stories-MzKcutu8.js} +1 -1
- package/dist/assets/IconButton-iyWiUe9X.js +8 -0
- package/dist/assets/InputText-IEjR9ee0.js +5 -0
- package/dist/assets/{LayoutFlex-CojW884p.js → LayoutFlex-BaXqezhY.js} +1 -1
- package/dist/assets/{LayoutFlex-_zQmW6Xx.js → LayoutFlex-pzKY-vUQ.js} +1 -1
- package/dist/assets/LayoutFlexItem-CzflYuZ_.js +1 -0
- package/dist/assets/LayoutFlexItem-Dci-Cv-V.css +1 -0
- package/dist/assets/LayoutGrid-C8hq1-LL.css +1 -0
- package/dist/assets/LayoutGrid-CULegRpi.css +1 -0
- package/dist/assets/LayoutGrid-ZAYmKrcj.js +1 -0
- package/dist/assets/{LayoutGrid.stories-CV0CrQbE.js → LayoutGrid.stories-CSBUYfM6.js} +3 -3
- package/dist/assets/LayoutGridItem-DJDMWtVq.css +1 -0
- package/dist/assets/LayoutGridItem-m645Lhkq.js +1 -0
- package/dist/assets/Link-CPkXDszE.css +1 -0
- package/dist/assets/{Link.stories-BEnhUM4K.js → Link.stories-BGmSAnPH.js} +3 -3
- package/dist/assets/Loader-C5QrrxXJ.css +1 -0
- package/dist/assets/{Loader.stories-B-6bCnvT.js → Loader.stories-DaYtlzeB.js} +1 -1
- package/dist/assets/{NumberField.stories-BgEEixo1.js → NumberField.stories-DIRO8IHc.js} +2 -2
- package/dist/assets/OnboardingTooltip-BfzcF9sW.css +1 -0
- package/dist/assets/{OnboardingTooltip-C592w5et.js → OnboardingTooltip-BqDG-2Rd.js} +1 -1
- package/dist/assets/{OnboardingTooltip.stories-D1fUa_55.js → OnboardingTooltip.stories-Dx5F7YBG.js} +1 -1
- package/dist/assets/{OnboardingTooltip.tests.stories-zNRAsgXt.js → OnboardingTooltip.tests.stories-DvcLnD5j.js} +1 -1
- package/dist/assets/{OnboardingTour-B8yNmxlH.js → OnboardingTour-B_yyU1AU.js} +1 -1
- package/dist/assets/{OnboardingTour-K081pVZI.css → OnboardingTour-CnsU5p_A.css} +1 -1
- package/dist/assets/{OnboardingTour.stories-9wDgsAFM.js → OnboardingTour.stories-LGCUxWl4.js} +1 -1
- package/dist/assets/{OnboardingTour.tests.stories-CqL5Ba2G.js → OnboardingTour.tests.stories-C9CKn7JQ.js} +1 -1
- package/dist/assets/{PasswordField.stories-CUMp6Mtn.js → PasswordField.stories-CvnCM5rD.js} +2 -2
- package/dist/assets/PreplyLogo-Cecouk_S.css +1 -0
- package/dist/assets/{PreplyLogo.stories-D1csw07H.js → PreplyLogo.stories-ZhZHvw_M.js} +1 -1
- package/dist/assets/{ProgressBar-BlRQDKOy.css → ProgressBar-DYzJL8gA.css} +1 -1
- package/dist/assets/{ProgressBar.stories-T8aqCrCf.js → ProgressBar.stories-XmMUjDS5.js} +1 -1
- package/dist/assets/{ProgressSteps-D-uurLZS.js → ProgressSteps-CVWVi5_G.js} +1 -1
- package/dist/assets/ProgressSteps-Dip-BZlm.css +1 -0
- package/dist/assets/{ProgressSteps.stories-CPQZtLp5.js → ProgressSteps.stories-B57q5WFr.js} +1 -1
- package/dist/assets/SelectField-CTB098t-.css +1 -0
- package/dist/assets/{SelectField.stories-DAJTdnY_.js → SelectField.stories-CqnGEFQn.js} +2 -2
- package/dist/assets/Spinner-BuihcWyQ.css +1 -0
- package/dist/assets/{Spinner-DNFm01hR.js → Spinner-C3p2WoxW.js} +1 -1
- package/dist/assets/Steps-Bd4yQjwc.css +1 -0
- package/dist/assets/{Steps-C2edM5zk.js → Steps-DbST4vmL.js} +1 -1
- package/dist/assets/{Steps.stories-BMI0VgUD.js → Steps.stories-gWR5Lpwz.js} +1 -1
- package/dist/assets/Text-BeAjllqh.js +1 -0
- package/dist/assets/{Text-DFQxlVfP.css → Text-CgAyAgxF.css} +1 -1
- package/dist/assets/Text-D3ATKGXs.js +1 -0
- package/dist/assets/{Text.stories-WOobBPKg.js → Text.stories-BlLgBmMi.js} +1 -1
- package/dist/assets/TextField-BiEzDuCh.js +1 -0
- package/dist/assets/TextField-C3owY_ZE.css +1 -0
- package/dist/assets/{TextField.stories-Dg3DrQjJ.js → TextField.stories-CPD818W_.js} +1 -1
- package/dist/assets/TextHighlighted-B_WQpKk8.css +1 -0
- package/dist/assets/TextHighlighted-DoFzmVL0.js +1 -0
- package/dist/assets/{TextHighlighted.stories-BKebPymh.js → TextHighlighted.stories-DTNcmEX3.js} +3 -3
- package/dist/assets/TextInline-BqUzWrD4.css +1 -0
- package/dist/assets/{TextInline.stories-DI0FQ3dC.js → TextInline.stories-DqX-qocx.js} +3 -3
- package/dist/assets/{TextareaField.stories-Ciz-W727.js → TextareaField.stories-D95m8D1f.js} +3 -3
- package/dist/assets/Toast-BsJOXveW.css +1 -0
- package/dist/assets/{Toast.stories-BUNtKeSS.js → Toast.stories-CGXB3Oyz.js} +9 -9
- package/dist/assets/Tooltip-9him0tBb.css +1 -0
- package/dist/assets/{Tooltip-zQMCBUGS.js → Tooltip-kdQF0n0X.js} +1 -1
- package/dist/assets/{Tooltip.stories-D2Yb1eor.js → Tooltip.stories-ChMEb5wa.js} +1 -1
- package/dist/assets/{Tooltip.tests.stories-BxdJuZJX.js → Tooltip.tests.stories-DRKkU6_h.js} +1 -1
- package/dist/assets/{breakpoints-BMuiMr4r.js → breakpoints-BKtvPn4z.js} +1 -1
- package/dist/assets/{breakpoints-CxAN0PVN.js → breakpoints-CvGR1154.js} +1 -1
- package/dist/assets/{breakpoints-ChpdBg9G.js → breakpoints-Dw3ULM7j.js} +1 -1
- package/dist/assets/{changelog-D5HVEkeA.js → changelog-DXXuLjII.js} +1 -1
- package/dist/assets/{entry-preview-DpNnKe7l.js → entry-preview-DKCl8pnk.js} +1 -1
- package/dist/assets/{getTokenVar-D-VODJQ8.js → getTokenVar-BWljsLZ6.js} +1 -1
- package/dist/assets/{hover-DMyCG6nP.js → hover-BRNG4vFt.js} +1 -1
- package/dist/assets/{hover-Bh1sFSlB.js → hover-BpH2YvND.js} +1 -1
- package/dist/assets/{hover-CZ5fcodF.js → hover-Cun_Hxa2.js} +1 -1
- package/dist/assets/{iframe-D9FBaTKu.js → iframe-DbVfH8B5.js} +2 -2
- package/dist/assets/{index-CN8MkqPu.js → index-UAdYqHL0.js} +3 -3
- package/dist/assets/{index-CzAjHofV.js → index-lpmehhNH.js} +1 -1
- package/dist/assets/{intro-C6ISKIm9.js → intro-CQsqeQsV.js} +1 -1
- package/dist/assets/layout-relative-Cf09gtOc.css +1 -0
- package/dist/assets/layout-relative-DA7rS9QX.js +1 -0
- package/dist/assets/layout-relative-Jxb51_Sh.css +1 -0
- package/dist/assets/layout-relative-mSX9oB2N.css +1 -0
- package/dist/assets/layout-relative.module-CYNzEGVH.js +1 -0
- package/dist/assets/layout-relative.module-yZwngsDw-BiwrSIEl.js +1 -0
- package/dist/assets/{migrating-from-less-SR1lXm1Z.js → migrating-from-less-DAZke_bf.js} +1 -1
- package/dist/assets/playground-w72anE0z.css +1 -0
- package/dist/assets/{playground.stories-BWv6a9Ow.js → playground.stories-Dpb3xI2s.js} +2 -2
- package/dist/assets/{preview-Dc_-9XIu.js → preview-DchamjVK.js} +1 -1
- package/dist/assets/{preview-CDVh-xOX.js → preview-HuUbG8ej.js} +2 -2
- package/dist/assets/{preview-BGF08rmP.js → preview-kCY-Nq0t.js} +1 -1
- package/dist/assets/text-accent-CuYWdzBU.js +1 -0
- package/dist/assets/text-accent-DbbdQjKI.js +1 -0
- package/dist/assets/text-accent-da8yAj-M.css +1 -0
- package/dist/assets/text-centered-6MZg9O0U.js +1 -0
- package/dist/assets/text-centered-CrBlvRDP.js +1 -0
- package/dist/assets/text-centered-DUL478eo.css +1 -0
- package/dist/assets/text-centered-RwJDmlB2.css +1 -0
- package/dist/assets/{tokens-xGXTw-Bm.js → tokens-BaIvp8uk.js} +1 -1
- package/dist/assets/{tokens-DMbGUROO.js → tokens-BqWh6RWP.js} +1 -1
- package/dist/assets/{tokens-D6UCrzr2.js → tokens-KVFCTIK3.js} +1 -1
- package/dist/assets/{usePortalElement-Bbb9BiBX.js → usePortalElement-DBJJ4TO9.js} +1 -1
- package/dist/assets/{welcome-dWXK8Eyh.js → welcome-CaHVZaZ7.js} +1 -1
- package/dist/assets/{zeroheight-B7iZ8Q7Q.js → zeroheight-DobKPt2E.js} +1 -1
- package/dist/iframe.html +1 -1
- package/dist/preview-stats.json +1389 -1389
- package/dist/project.json +1 -1
- package/package.json +3 -3
- package/dist/assets/AlertDialog-9aMYe7qS.css +0 -1
- package/dist/assets/Avatar-Bopr1nvy.css +0 -1
- package/dist/assets/Avatar-BrUqbtqi.css +0 -1
- package/dist/assets/Avatar-C1huic64.js +0 -1
- package/dist/assets/Avatar-_lJcmrpe.js +0 -6
- package/dist/assets/AvatarWithStatus-1OhKqkhZ.css +0 -1
- package/dist/assets/AvatarWithStatus.stories-fsQGc-go.js +0 -41
- package/dist/assets/Badge-CE3LnaLv.css +0 -1
- package/dist/assets/Box-BAkBXoq4.css +0 -1
- package/dist/assets/Box.stories-Cd7hCnWV.js +0 -44
- package/dist/assets/Button-aTfrltjf.css +0 -1
- package/dist/assets/Button-yKqY71ST.js +0 -1
- package/dist/assets/ButtonBase-DmGBqbEZ.js +0 -8
- package/dist/assets/Chips-C7UpD_mE.css +0 -1
- package/dist/assets/Dialog-DoiRlzo0.css +0 -1
- package/dist/assets/FieldAdditionalText-CI8lcmUx.css +0 -1
- package/dist/assets/FieldLayout-tvXhq4A9.css +0 -1
- package/dist/assets/FieldLayoutBase-CL9jwXZ5.css +0 -1
- package/dist/assets/Heading-DJsY9vSm.js +0 -2
- package/dist/assets/Icon-BHc5pW-1.css +0 -1
- package/dist/assets/Icon-Br57CUad.js +0 -8
- package/dist/assets/Icon-CHBsJKk4.js +0 -1
- package/dist/assets/Icon-k_LAjmkS.css +0 -1
- package/dist/assets/IconButton-BVECCmzA.js +0 -8
- package/dist/assets/InputText-vDqY25St.js +0 -5
- package/dist/assets/LayoutFlexItem-CDjAEpoC.js +0 -1
- package/dist/assets/LayoutFlexItem-RctWAITs.css +0 -1
- package/dist/assets/LayoutGrid-BncgWrDU.css +0 -1
- package/dist/assets/LayoutGrid-Czkaijud.js +0 -1
- package/dist/assets/LayoutGrid-D22sS-xd.css +0 -1
- package/dist/assets/LayoutGridItem-BH4MN8sd.css +0 -1
- package/dist/assets/LayoutGridItem-DcJqI4M1.js +0 -1
- package/dist/assets/Link-B3uMOmwG.css +0 -1
- package/dist/assets/Loader-n_LGcjVu.css +0 -1
- package/dist/assets/OnboardingTooltip-D9tV9DPK.css +0 -1
- package/dist/assets/PreplyLogo-D7uQOcxE.css +0 -1
- package/dist/assets/ProgressSteps-BBm1NJug.css +0 -1
- package/dist/assets/SelectField-DaFFv7SC.css +0 -1
- package/dist/assets/Spinner-DKdkr1Ne.css +0 -1
- package/dist/assets/Steps-DkhY6ujn.css +0 -1
- package/dist/assets/Text-CHUOSFiB.js +0 -1
- package/dist/assets/Text-D_jZr-aH.js +0 -1
- package/dist/assets/TextField-BI6hxcll.css +0 -1
- package/dist/assets/TextField-DZycCcgs.js +0 -1
- package/dist/assets/TextHighlighted-C_WG65H-.css +0 -1
- package/dist/assets/TextHighlighted-CqCvHmzT.js +0 -1
- package/dist/assets/TextInline-b719nAVG.css +0 -1
- package/dist/assets/Toast-BqZeF1bj.css +0 -1
- package/dist/assets/Tooltip-dRtdPJbN.css +0 -1
- package/dist/assets/layout-relative-1NNqyFlR.css +0 -1
- package/dist/assets/layout-relative-B9kygquF.js +0 -1
- package/dist/assets/layout-relative-DVONc6az.css +0 -1
- package/dist/assets/layout-relative-sYkZ1nwT.css +0 -1
- package/dist/assets/layout-relative.module-B5e88crD-BmOXkGhY.js +0 -1
- package/dist/assets/layout-relative.module-B8ilmhPe.js +0 -1
- package/dist/assets/playground-BK8AWsKV.css +0 -1
- package/dist/assets/text-accent-2LS5jjt0.css +0 -1
- package/dist/assets/text-accent-BqpJYBrf.js +0 -1
- package/dist/assets/text-accent-DFUImn3_.js +0 -1
- package/dist/assets/text-centered-BvohyNwD.js +0 -1
- package/dist/assets/text-centered-Cl3_mAit.js +0 -1
- package/dist/assets/text-centered-DJu0MAf-.css +0 -1
- package/dist/assets/text-centered-fza1BZtG.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as d}from"./consts-KAYct7Gj.js";import{A as t}from"./Avatar-lFZ8Cfpv.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./classNames-BUL1Zq7e.js";import"./componentNames-Bwls0I02.js";import"./index-DdzHuZ-Y.js";import"./constants--ewUoBsO.js";import"./defaults-B1rzzf6M.js";const y={title:"components/Avatar",component:t,argTypes:{size:{description:d}}},s=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(t,{size:"160"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",size:"96"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-2.png",size:"64"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-3.png",size:"48"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-4.png",size:"32"}),a.jsx(t,{src:"./web-lib/src/components/Avatar/docs/static/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,o,n;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
|
|
2
2
|
display: 'flex',
|
|
3
3
|
gap: '8px',
|
|
4
4
|
alignItems: 'end'
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._AvatarWithStatus_fynea_3{display:inline-block;position:relative}._AvatarWithStatus--indicator_fynea_7{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}._AvatarWithStatus--online_fynea_15 ._AvatarWithStatus--indicator_fynea_7{background-color:var(--62b71e)}._AvatarWithStatus--size-2xs_fynea_18 ._AvatarWithStatus--indicator_fynea_7{width:var(--1cea5a);height:var(--1cea5a);right:var(--4b2086);bottom:var(--4b2086)}._AvatarWithStatus--size-xs_fynea_24 ._AvatarWithStatus--indicator_fynea_7{width:var(--540610);height:var(--540610);right:var(--20c0b1);bottom:var(--20c0b1)}._AvatarWithStatus--size-m_fynea_30 ._AvatarWithStatus--indicator_fynea_7{width:var(--8f1e94);height:var(--8f1e94);right:var(--705050);bottom:var(--705050)}._AvatarWithStatus--size-xl_fynea_36 ._AvatarWithStatus--indicator_fynea_7{width:var(--bdf712);height:var(--bdf712);right:var(--3b13f1);bottom:var(--3b13f1)}._AvatarWithStatus--size-64_fynea_42 ._AvatarWithStatus--indicator_fynea_7{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}._AvatarWithStatus--size-96_fynea_48 ._AvatarWithStatus--indicator_fynea_7{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}._AvatarWithStatus--size-160_fynea_54 ._AvatarWithStatus--indicator_fynea_7{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{A as C}from"./Avatar-lFZ8Cfpv.js";import{m as q,b as w,s as T,a as V}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Bwls0I02.js";import{g as D}from"./index-DdzHuZ-Y.js";import{A as E}from"./defaults-B1rzzf6M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants--ewUoBsO.js";const O="_AvatarWithStatus_fynea_3",i={AvatarWithStatus:O,"AvatarWithStatus--indicator":"_AvatarWithStatus--indicator_fynea_7","AvatarWithStatus--online":"_AvatarWithStatus--online_fynea_15","AvatarWithStatus--size-2xs":"_AvatarWithStatus--size-2xs_fynea_18","AvatarWithStatus--size-xs":"_AvatarWithStatus--size-xs_fynea_24","AvatarWithStatus--size-m":"_AvatarWithStatus--size-m_fynea_30","AvatarWithStatus--size-xl":"_AvatarWithStatus--size-xl_fynea_36","AvatarWithStatus--size-64":"_AvatarWithStatus--size-64_fynea_42","AvatarWithStatus--size-96":"_AvatarWithStatus--size-96_fynea_48","AvatarWithStatus--size-160":"_AvatarWithStatus--size-160_fynea_54"},e=j.forwardRef(function({online:h=!1,size:n=E,dataset:A,alt:_,crossOrigin:S,src:y,...x},W){const g=q(i,r.AvatarWithStatus,[w("online",void 0,h),T("size",n)]),z=[...V(i,r.AvatarWithStatus,["indicator"])],b={...N(x),ref:W,className:g.join(" "),...D(A,{preplyDsComponent:r.AvatarWithStatus})};return a.jsxs("div",{...b,children:[a.jsx("span",{className:z.join(" ")}),a.jsx("div",{children:a.jsx(C,{alt:_,crossOrigin:S,src:y,size:n})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{src:{defaultValue:null,description:`The avatar image URL.
|
|
2
|
+
If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
|
|
3
|
+
This is recommended for accessibility purposes, specifically for users
|
|
4
|
+
of screen readers.
|
|
5
|
+
@example <Avatar src={...} alt="Foobar's profile" />`,name:"alt",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Use this to set data attributes on the DOM element for the purpose of
|
|
6
|
+
e2e tests or integrating with external libraries.`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},crossOrigin:{defaultValue:null,description:"CORS policy for the image.",name:"crossOrigin",required:!1,type:{name:"enum",value:[{value:'""'},{value:'"anonymous"'},{value:'"use-credentials"'}]}},online:{defaultValue:{value:"false"},description:"Controls the status of the visual indicator.",name:"online",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},size:{defaultValue:{value:"xs"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"m"'},{value:'"xl"'},{value:'"64"'},{value:'"96"'},{value:'"160"'}]}}}}}catch{}const B={title:"components/AvatarWithStatus",component:e},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px"},children:[a.jsx(e,{size:"64",online:!0}),a.jsx(e,{size:"64",online:!1})]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"64",src:"./web-lib/src/components/Avatar/docs/static/avatar-1.png",online:!1,dataset:{qaid:"avatar-with-status"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},online:{control:"boolean"}}};var o,l,u,c,m;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
|
|
7
|
+
display: 'flex',
|
|
8
|
+
gap: '8px'
|
|
9
|
+
}}>
|
|
10
|
+
<AvatarWithStatus size="64" online />
|
|
11
|
+
<AvatarWithStatus size="64" online={false} />
|
|
12
|
+
</div>`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
|
|
13
|
+
connection status indicator.`,...(m=(c=t.parameters)==null?void 0:c.docs)==null?void 0:m.description}}};var d,p,v;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
14
|
+
parameters: {
|
|
15
|
+
chromatic: {
|
|
16
|
+
disableSnapshot: true
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
args: {
|
|
20
|
+
size: '64',
|
|
21
|
+
src: './web-lib/src/components/Avatar/docs/static/avatar-1.png',
|
|
22
|
+
online: false,
|
|
23
|
+
dataset: {
|
|
24
|
+
qaid: 'avatar-with-status'
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
argTypes: {
|
|
28
|
+
src: {
|
|
29
|
+
control: 'text'
|
|
30
|
+
},
|
|
31
|
+
dataset: {
|
|
32
|
+
control: 'object'
|
|
33
|
+
},
|
|
34
|
+
alt: {
|
|
35
|
+
control: 'text'
|
|
36
|
+
},
|
|
37
|
+
online: {
|
|
38
|
+
control: 'boolean'
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}`,...(v=(p=s.parameters)==null?void 0:p.docs)==null?void 0:v.source}}};const G=["Statuses","Playground"];export{s as Playground,t as Statuses,G as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._badge_11mzq_2{display:inline-flex;align-items:center;gap:var(--590b8d);border-radius:var(--5e8be4);padding:var(--05dd73) var(--66b80b);width:fit-content;color:var(--628fb7)}._badge_11mzq_2[data-size=small]{height:var(--76ac8f);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}._badge_11mzq_2[data-size=medium]{height:var(--f316e1);font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}._badge_11mzq_2[data-size=large]{height:var(--7789ee);padding:var(--590b8d) var(--813599);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}._badge_11mzq_2[data-type=neutral]{background:var(--319b29)}._badge_11mzq_2[data-type=positive]{background:var(--1836a4)}._badge_11mzq_2[data-type=warning]{background:var(--b503b8)}._badge_11mzq_2[data-type=info]{background:var(--94a45e)}._badge_11mzq_2[data-type=critical]{background:var(--f15644)}._badge_11mzq_2[data-accent=unset]{color:var(--c9575b);background-color:var(--8f1238)}._badge_11mzq_2[data-accent=unset][data-inverted=true]{color:var(--55407f);background-color:var(--7c8c3c)}._badge_11mzq_2[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}._badge_11mzq_2[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}._badge_11mzq_2[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}._badge_11mzq_2[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}._badge_11mzq_2[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}._badge_11mzq_2[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}._badge_11mzq_2[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}._badge_11mzq_2[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}._badge_11mzq_2[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}._badge_11mzq_2[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}._badge_11mzq_2[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}._badge_11mzq_2[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as l}from"./TokyoUITag-CS4uarg6.js";import{L as T}from"./LayoutFlex-BaXqezhY.js";import{r as w}from"./index-Cb9e4tly.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{I as C}from"./Icon-DAQd7Eod.js";import{g as L}from"./index-DdzHuZ-Y.js";import{w as U}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./layout-relative.module-CYNzEGVH.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DbbdQjKI.js";import"./render-icon-BT0Aq7PA.js";const k="_badge_11mzq_2",F={badge:k},E=n=>{switch(n){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return n}},a=w.forwardRef(function({type:o="neutral",size:d="medium",leadingSvgIcon:c,dataset:S,children:z,accent:u,inverted:m,...j},_){const p=E(d),t={...S,size:p};u===void 0&&m===void 0?t.type=o:(t.accent=u||"unset",t.inverted=!!m);const V={...N(j),ref:_,className:F.badge,...L(t,{preplyDsComponent:U.Badge})},q=o==="neutral"?"primary":o;return e.jsxs("span",{...V,children:[!!c&&p!=="small"&&e.jsx(C,{accent:q,size:d==="large"?"24":"16",svg:c}),z]})});try{a.displayName="Badge",a.__docgenInfo={description:"",displayName:"Badge",props:{type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"critical"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"neutral"'}]}},size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon. Only displayed in \`medium\` and \`large\` sizes.
|
|
2
2
|
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
3
3
|
|
|
4
4
|
<Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Box_o1i91_4{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;color:var(--aface6);background-color:var(--786b9e);box-shadow:var(--a814c9);flex:1}._Box--box-radius-none_o1i91_16{border-radius:var(--84e079)}._Box--box-radius-m_o1i91_19{border-radius:var(--1c37d5)}._Box--box-radius-l_o1i91_22{border-radius:var(--9e57e5)}._Box--box-radius-0_o1i91_34{border-radius:var(--adc668)}._Box--box-radius-2_o1i91_25{border-radius:var(--9817c7)}._Box--box-radius-4_o1i91_28{border-radius:var(--7dcb5e)}._Box--box-radius-8_o1i91_31{border-radius:var(--2071ea)}._Box--box-radius-12_o1i91_46{border-radius:var(--c1925d)}._Box--box-radius-16_o1i91_49{border-radius:var(--f3f949)}._Box--box-radius-24_o1i91_52{border-radius:var(--67250f)}._Box--box-radius-32_o1i91_55{border-radius:var(--fba602)}._Box--box-radius-48_o1i91_58{border-radius:var(--f8b939)}._Box--box-radius-64_o1i91_61{border-radius:var(--4d9939)}._Box--box-radius-96_o1i91_64{border-radius:var(--a78cb4)}._Box--box-radius-160_o1i91_67{border-radius:var(--439947)}@media (min-width: 400px){._Box--narrow-l--box-radius-none_o1i91_71{border-radius:var(--84e079)}._Box--narrow-l--box-radius-m_o1i91_74{border-radius:var(--1c37d5)}._Box--narrow-l--box-radius-l_o1i91_77{border-radius:var(--9e57e5)}._Box--narrow-l--box-radius-0_o1i91_89{border-radius:var(--adc668)}._Box--narrow-l--box-radius-2_o1i91_80{border-radius:var(--9817c7)}._Box--narrow-l--box-radius-4_o1i91_83{border-radius:var(--7dcb5e)}._Box--narrow-l--box-radius-8_o1i91_86{border-radius:var(--2071ea)}._Box--narrow-l--box-radius-12_o1i91_101{border-radius:var(--c1925d)}._Box--narrow-l--box-radius-16_o1i91_104{border-radius:var(--f3f949)}._Box--narrow-l--box-radius-24_o1i91_107{border-radius:var(--67250f)}._Box--narrow-l--box-radius-32_o1i91_110{border-radius:var(--fba602)}._Box--narrow-l--box-radius-48_o1i91_113{border-radius:var(--f8b939)}._Box--narrow-l--box-radius-64_o1i91_116{border-radius:var(--4d9939)}._Box--narrow-l--box-radius-96_o1i91_119{border-radius:var(--a78cb4)}._Box--narrow-l--box-radius-160_o1i91_122{border-radius:var(--439947)}}@media (min-width: 700px){._Box--medium-s--box-radius-none_o1i91_127{border-radius:var(--84e079)}._Box--medium-s--box-radius-m_o1i91_130{border-radius:var(--1c37d5)}._Box--medium-s--box-radius-l_o1i91_133{border-radius:var(--9e57e5)}._Box--medium-s--box-radius-0_o1i91_145{border-radius:var(--adc668)}._Box--medium-s--box-radius-2_o1i91_136{border-radius:var(--9817c7)}._Box--medium-s--box-radius-4_o1i91_139{border-radius:var(--7dcb5e)}._Box--medium-s--box-radius-8_o1i91_142{border-radius:var(--2071ea)}._Box--medium-s--box-radius-12_o1i91_157{border-radius:var(--c1925d)}._Box--medium-s--box-radius-16_o1i91_160{border-radius:var(--f3f949)}._Box--medium-s--box-radius-24_o1i91_163{border-radius:var(--67250f)}._Box--medium-s--box-radius-32_o1i91_166{border-radius:var(--fba602)}._Box--medium-s--box-radius-48_o1i91_169{border-radius:var(--f8b939)}._Box--medium-s--box-radius-64_o1i91_172{border-radius:var(--4d9939)}._Box--medium-s--box-radius-96_o1i91_175{border-radius:var(--a78cb4)}._Box--medium-s--box-radius-160_o1i91_178{border-radius:var(--439947)}}@media (min-width: 880px){._Box--medium-l--box-radius-none_o1i91_183{border-radius:var(--84e079)}._Box--medium-l--box-radius-m_o1i91_186{border-radius:var(--1c37d5)}._Box--medium-l--box-radius-l_o1i91_189{border-radius:var(--9e57e5)}._Box--medium-l--box-radius-0_o1i91_201{border-radius:var(--adc668)}._Box--medium-l--box-radius-2_o1i91_192{border-radius:var(--9817c7)}._Box--medium-l--box-radius-4_o1i91_195{border-radius:var(--7dcb5e)}._Box--medium-l--box-radius-8_o1i91_198{border-radius:var(--2071ea)}._Box--medium-l--box-radius-12_o1i91_213{border-radius:var(--c1925d)}._Box--medium-l--box-radius-16_o1i91_216{border-radius:var(--f3f949)}._Box--medium-l--box-radius-24_o1i91_219{border-radius:var(--67250f)}._Box--medium-l--box-radius-32_o1i91_222{border-radius:var(--fba602)}._Box--medium-l--box-radius-48_o1i91_225{border-radius:var(--f8b939)}._Box--medium-l--box-radius-64_o1i91_228{border-radius:var(--4d9939)}._Box--medium-l--box-radius-96_o1i91_231{border-radius:var(--a78cb4)}._Box--medium-l--box-radius-160_o1i91_234{border-radius:var(--439947)}}@media (min-width: 1200px){._Box--wide-s--box-radius-none_o1i91_239{border-radius:var(--84e079)}._Box--wide-s--box-radius-m_o1i91_242{border-radius:var(--1c37d5)}._Box--wide-s--box-radius-l_o1i91_245{border-radius:var(--9e57e5)}._Box--wide-s--box-radius-0_o1i91_257{border-radius:var(--adc668)}._Box--wide-s--box-radius-2_o1i91_248{border-radius:var(--9817c7)}._Box--wide-s--box-radius-4_o1i91_251{border-radius:var(--7dcb5e)}._Box--wide-s--box-radius-8_o1i91_254{border-radius:var(--2071ea)}._Box--wide-s--box-radius-12_o1i91_269{border-radius:var(--c1925d)}._Box--wide-s--box-radius-16_o1i91_272{border-radius:var(--f3f949)}._Box--wide-s--box-radius-24_o1i91_275{border-radius:var(--67250f)}._Box--wide-s--box-radius-32_o1i91_278{border-radius:var(--fba602)}._Box--wide-s--box-radius-48_o1i91_281{border-radius:var(--f8b939)}._Box--wide-s--box-radius-64_o1i91_284{border-radius:var(--4d9939)}._Box--wide-s--box-radius-96_o1i91_287{border-radius:var(--a78cb4)}._Box--wide-s--box-radius-160_o1i91_290{border-radius:var(--439947)}}@media (min-width: 1900px){._Box--wide-l--box-radius-none_o1i91_295{border-radius:var(--84e079)}._Box--wide-l--box-radius-m_o1i91_298{border-radius:var(--1c37d5)}._Box--wide-l--box-radius-l_o1i91_301{border-radius:var(--9e57e5)}._Box--wide-l--box-radius-0_o1i91_313{border-radius:var(--adc668)}._Box--wide-l--box-radius-2_o1i91_304{border-radius:var(--9817c7)}._Box--wide-l--box-radius-4_o1i91_307{border-radius:var(--7dcb5e)}._Box--wide-l--box-radius-8_o1i91_310{border-radius:var(--2071ea)}._Box--wide-l--box-radius-12_o1i91_325{border-radius:var(--c1925d)}._Box--wide-l--box-radius-16_o1i91_328{border-radius:var(--f3f949)}._Box--wide-l--box-radius-24_o1i91_331{border-radius:var(--67250f)}._Box--wide-l--box-radius-32_o1i91_334{border-radius:var(--fba602)}._Box--wide-l--box-radius-48_o1i91_337{border-radius:var(--f8b939)}._Box--wide-l--box-radius-64_o1i91_340{border-radius:var(--4d9939)}._Box--wide-l--box-radius-96_o1i91_343{border-radius:var(--a78cb4)}._Box--wide-l--box-radius-160_o1i91_346{border-radius:var(--439947)}}._Box--background-white_o1i91_350{background-color:var(--145676)}._Box--background-gray-100_o1i91_353{background-color:var(--55407f)}._Box--background-gray-200_o1i91_356{background-color:var(--8f1238)}._Box--background-gray-300_o1i91_359{background-color:var(--da403c)}._Box--background-gray-400_o1i91_362{background-color:var(--7c8c3c)}._Box--background-gray-500_o1i91_365{background-color:var(--c9575b)}._Box--background-gray-600_o1i91_368{background-color:var(--2fb6f7)}._Box--background-teal-100_o1i91_371{background-color:var(--54ed1d)}._Box--background-teal-200_o1i91_374{background-color:var(--b706bf)}._Box--background-teal-300_o1i91_377{background-color:var(--4adefb)}._Box--background-teal-400_o1i91_380{background-color:var(--de8a40)}._Box--background-teal-500_o1i91_383{background-color:var(--574543)}._Box--background-green-100_o1i91_386{background-color:var(--1383a7)}._Box--background-green-200_o1i91_389{background-color:var(--9f1066)}._Box--background-green-300_o1i91_392{background-color:var(--d4cf94)}._Box--background-green-400_o1i91_395{background-color:var(--bbfa9f)}._Box--background-green-500_o1i91_398{background-color:var(--5f8b30)}._Box--background-yellow-100_o1i91_401{background-color:var(--c7d8be)}._Box--background-yellow-200_o1i91_404{background-color:var(--17bab8)}._Box--background-yellow-300_o1i91_407{background-color:var(--f017e5)}._Box--background-yellow-400_o1i91_410{background-color:var(--2242ed)}._Box--background-yellow-500_o1i91_413{background-color:var(--e40de4)}._Box--background-red-100_o1i91_416{background-color:var(--ecb5d5)}._Box--background-red-200_o1i91_419{background-color:var(--5b5cb0)}._Box--background-red-300_o1i91_422{background-color:var(--d55c71)}._Box--background-red-400_o1i91_425{background-color:var(--4e47fe)}._Box--background-red-500_o1i91_428{background-color:var(--3e7877)}._Box--background-blue-100_o1i91_431{background-color:var(--21906f)}._Box--background-blue-200_o1i91_434{background-color:var(--5d87f3)}._Box--background-blue-300_o1i91_437{background-color:var(--201e14)}._Box--background-blue-400_o1i91_440{background-color:var(--e1c27c)}._Box--background-blue-500_o1i91_443{background-color:var(--6a1420)}._Box--background-magenta-100_o1i91_446{background-color:var(--1a9963)}._Box--background-magenta-200_o1i91_449{background-color:var(--b774df)}._Box--background-magenta-300_o1i91_452{background-color:var(--f72cdd)}._Box--background-magenta-400_o1i91_455{background-color:var(--6cbd80)}._Box--background-magenta-500_o1i91_458{background-color:var(--5893e7)}._Box--background-primary_o1i91_461{background-color:var(--3546c3)}._Box--background-secondary_o1i91_464{background-color:var(--302ecf)}._Box--background-tertiary_o1i91_467{background-color:var(--a5c761)}._Box--background-overlay_o1i91_470{background-color:var(--02a0d5)}._Box--background-disabled_o1i91_473{background-color:var(--319b29)}._Box--background-brand_o1i91_476{background-color:var(--cd91ab)}._Box--background-brandB2b_o1i91_479{background-color:var(--706789)}._Box--background-accentLight_o1i91_482{background-color:var(--560eda)}._Box--background-accentDark_o1i91_485{background-color:var(--e4c520)}._Box--background-positiveLight_o1i91_488{background-color:var(--1836a4)}._Box--background-positiveDark_o1i91_491{background-color:var(--ae7f1f)}._Box--background-infoLight_o1i91_494{background-color:var(--94a45e)}._Box--background-infoDark_o1i91_497{background-color:var(--79dffb)}._Box--background-warningLight_o1i91_500{background-color:var(--b503b8)}._Box--background-warningDark_o1i91_503{background-color:var(--34fc43)}._Box--background-criticalLight_o1i91_506{background-color:var(--f15644)}._Box--background-criticalDark_o1i91_509{background-color:var(--87fcf8)}._Box--background-statusOnline_o1i91_512{background-color:var(--cbc115)}._Box--background-statusOffline_o1i91_515{background-color:var(--7ff085)}._Box--background-primaryInverted_o1i91_518{background-color:var(--4983fe)}._Box--background-secondaryInverted_o1i91_521{background-color:var(--19649f)}._Box--background-tertiaryInverted_o1i91_524{background-color:var(--a469f2)}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{H as t}from"./Heading-BDNRMwVu.js";import{L as b}from"./LayoutFlex-BaXqezhY.js";import{T as B}from"./Text-D3ATKGXs.js";import{r as T}from"./index-Cb9e4tly.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{g as q}from"./layout-relative.module-CYNzEGVH.js";import{m as H,s as r}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Bwls0I02.js";import{g as O}from"./index-DdzHuZ-Y.js";import{L as N,c as j,d as E}from"./defaults-B1rzzf6M.js";import{a as I,S as R}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./text-accent-DbbdQjKI.js";import"./text-centered-6MZg9O0U.js";import"./_commonjsHelpers-Cpj98o6Y.js";const V="_Box_o1i91_4",U={Box:V,"Box--box-radius-none":"_Box--box-radius-none_o1i91_16","Box--box-radius-m":"_Box--box-radius-m_o1i91_19","Box--box-radius-l":"_Box--box-radius-l_o1i91_22","Box--box-radius-2":"_Box--box-radius-2_o1i91_25","Box--box-radius-4":"_Box--box-radius-4_o1i91_28","Box--box-radius-8":"_Box--box-radius-8_o1i91_31","Box--box-radius-0":"_Box--box-radius-0_o1i91_34","Box--box-radius-12":"_Box--box-radius-12_o1i91_46","Box--box-radius-16":"_Box--box-radius-16_o1i91_49","Box--box-radius-24":"_Box--box-radius-24_o1i91_52","Box--box-radius-32":"_Box--box-radius-32_o1i91_55","Box--box-radius-48":"_Box--box-radius-48_o1i91_58","Box--box-radius-64":"_Box--box-radius-64_o1i91_61","Box--box-radius-96":"_Box--box-radius-96_o1i91_64","Box--box-radius-160":"_Box--box-radius-160_o1i91_67","Box--narrow-l--box-radius-none":"_Box--narrow-l--box-radius-none_o1i91_71","Box--narrow-l--box-radius-m":"_Box--narrow-l--box-radius-m_o1i91_74","Box--narrow-l--box-radius-l":"_Box--narrow-l--box-radius-l_o1i91_77","Box--narrow-l--box-radius-2":"_Box--narrow-l--box-radius-2_o1i91_80","Box--narrow-l--box-radius-4":"_Box--narrow-l--box-radius-4_o1i91_83","Box--narrow-l--box-radius-8":"_Box--narrow-l--box-radius-8_o1i91_86","Box--narrow-l--box-radius-0":"_Box--narrow-l--box-radius-0_o1i91_89","Box--narrow-l--box-radius-12":"_Box--narrow-l--box-radius-12_o1i91_101","Box--narrow-l--box-radius-16":"_Box--narrow-l--box-radius-16_o1i91_104","Box--narrow-l--box-radius-24":"_Box--narrow-l--box-radius-24_o1i91_107","Box--narrow-l--box-radius-32":"_Box--narrow-l--box-radius-32_o1i91_110","Box--narrow-l--box-radius-48":"_Box--narrow-l--box-radius-48_o1i91_113","Box--narrow-l--box-radius-64":"_Box--narrow-l--box-radius-64_o1i91_116","Box--narrow-l--box-radius-96":"_Box--narrow-l--box-radius-96_o1i91_119","Box--narrow-l--box-radius-160":"_Box--narrow-l--box-radius-160_o1i91_122","Box--medium-s--box-radius-none":"_Box--medium-s--box-radius-none_o1i91_127","Box--medium-s--box-radius-m":"_Box--medium-s--box-radius-m_o1i91_130","Box--medium-s--box-radius-l":"_Box--medium-s--box-radius-l_o1i91_133","Box--medium-s--box-radius-2":"_Box--medium-s--box-radius-2_o1i91_136","Box--medium-s--box-radius-4":"_Box--medium-s--box-radius-4_o1i91_139","Box--medium-s--box-radius-8":"_Box--medium-s--box-radius-8_o1i91_142","Box--medium-s--box-radius-0":"_Box--medium-s--box-radius-0_o1i91_145","Box--medium-s--box-radius-12":"_Box--medium-s--box-radius-12_o1i91_157","Box--medium-s--box-radius-16":"_Box--medium-s--box-radius-16_o1i91_160","Box--medium-s--box-radius-24":"_Box--medium-s--box-radius-24_o1i91_163","Box--medium-s--box-radius-32":"_Box--medium-s--box-radius-32_o1i91_166","Box--medium-s--box-radius-48":"_Box--medium-s--box-radius-48_o1i91_169","Box--medium-s--box-radius-64":"_Box--medium-s--box-radius-64_o1i91_172","Box--medium-s--box-radius-96":"_Box--medium-s--box-radius-96_o1i91_175","Box--medium-s--box-radius-160":"_Box--medium-s--box-radius-160_o1i91_178","Box--medium-l--box-radius-none":"_Box--medium-l--box-radius-none_o1i91_183","Box--medium-l--box-radius-m":"_Box--medium-l--box-radius-m_o1i91_186","Box--medium-l--box-radius-l":"_Box--medium-l--box-radius-l_o1i91_189","Box--medium-l--box-radius-2":"_Box--medium-l--box-radius-2_o1i91_192","Box--medium-l--box-radius-4":"_Box--medium-l--box-radius-4_o1i91_195","Box--medium-l--box-radius-8":"_Box--medium-l--box-radius-8_o1i91_198","Box--medium-l--box-radius-0":"_Box--medium-l--box-radius-0_o1i91_201","Box--medium-l--box-radius-12":"_Box--medium-l--box-radius-12_o1i91_213","Box--medium-l--box-radius-16":"_Box--medium-l--box-radius-16_o1i91_216","Box--medium-l--box-radius-24":"_Box--medium-l--box-radius-24_o1i91_219","Box--medium-l--box-radius-32":"_Box--medium-l--box-radius-32_o1i91_222","Box--medium-l--box-radius-48":"_Box--medium-l--box-radius-48_o1i91_225","Box--medium-l--box-radius-64":"_Box--medium-l--box-radius-64_o1i91_228","Box--medium-l--box-radius-96":"_Box--medium-l--box-radius-96_o1i91_231","Box--medium-l--box-radius-160":"_Box--medium-l--box-radius-160_o1i91_234","Box--wide-s--box-radius-none":"_Box--wide-s--box-radius-none_o1i91_239","Box--wide-s--box-radius-m":"_Box--wide-s--box-radius-m_o1i91_242","Box--wide-s--box-radius-l":"_Box--wide-s--box-radius-l_o1i91_245","Box--wide-s--box-radius-2":"_Box--wide-s--box-radius-2_o1i91_248","Box--wide-s--box-radius-4":"_Box--wide-s--box-radius-4_o1i91_251","Box--wide-s--box-radius-8":"_Box--wide-s--box-radius-8_o1i91_254","Box--wide-s--box-radius-0":"_Box--wide-s--box-radius-0_o1i91_257","Box--wide-s--box-radius-12":"_Box--wide-s--box-radius-12_o1i91_269","Box--wide-s--box-radius-16":"_Box--wide-s--box-radius-16_o1i91_272","Box--wide-s--box-radius-24":"_Box--wide-s--box-radius-24_o1i91_275","Box--wide-s--box-radius-32":"_Box--wide-s--box-radius-32_o1i91_278","Box--wide-s--box-radius-48":"_Box--wide-s--box-radius-48_o1i91_281","Box--wide-s--box-radius-64":"_Box--wide-s--box-radius-64_o1i91_284","Box--wide-s--box-radius-96":"_Box--wide-s--box-radius-96_o1i91_287","Box--wide-s--box-radius-160":"_Box--wide-s--box-radius-160_o1i91_290","Box--wide-l--box-radius-none":"_Box--wide-l--box-radius-none_o1i91_295","Box--wide-l--box-radius-m":"_Box--wide-l--box-radius-m_o1i91_298","Box--wide-l--box-radius-l":"_Box--wide-l--box-radius-l_o1i91_301","Box--wide-l--box-radius-2":"_Box--wide-l--box-radius-2_o1i91_304","Box--wide-l--box-radius-4":"_Box--wide-l--box-radius-4_o1i91_307","Box--wide-l--box-radius-8":"_Box--wide-l--box-radius-8_o1i91_310","Box--wide-l--box-radius-0":"_Box--wide-l--box-radius-0_o1i91_313","Box--wide-l--box-radius-12":"_Box--wide-l--box-radius-12_o1i91_325","Box--wide-l--box-radius-16":"_Box--wide-l--box-radius-16_o1i91_328","Box--wide-l--box-radius-24":"_Box--wide-l--box-radius-24_o1i91_331","Box--wide-l--box-radius-32":"_Box--wide-l--box-radius-32_o1i91_334","Box--wide-l--box-radius-48":"_Box--wide-l--box-radius-48_o1i91_337","Box--wide-l--box-radius-64":"_Box--wide-l--box-radius-64_o1i91_340","Box--wide-l--box-radius-96":"_Box--wide-l--box-radius-96_o1i91_343","Box--wide-l--box-radius-160":"_Box--wide-l--box-radius-160_o1i91_346","Box--background-white":"_Box--background-white_o1i91_350","Box--background-gray-100":"_Box--background-gray-100_o1i91_353","Box--background-gray-200":"_Box--background-gray-200_o1i91_356","Box--background-gray-300":"_Box--background-gray-300_o1i91_359","Box--background-gray-400":"_Box--background-gray-400_o1i91_362","Box--background-gray-500":"_Box--background-gray-500_o1i91_365","Box--background-gray-600":"_Box--background-gray-600_o1i91_368","Box--background-teal-100":"_Box--background-teal-100_o1i91_371","Box--background-teal-200":"_Box--background-teal-200_o1i91_374","Box--background-teal-300":"_Box--background-teal-300_o1i91_377","Box--background-teal-400":"_Box--background-teal-400_o1i91_380","Box--background-teal-500":"_Box--background-teal-500_o1i91_383","Box--background-green-100":"_Box--background-green-100_o1i91_386","Box--background-green-200":"_Box--background-green-200_o1i91_389","Box--background-green-300":"_Box--background-green-300_o1i91_392","Box--background-green-400":"_Box--background-green-400_o1i91_395","Box--background-green-500":"_Box--background-green-500_o1i91_398","Box--background-yellow-100":"_Box--background-yellow-100_o1i91_401","Box--background-yellow-200":"_Box--background-yellow-200_o1i91_404","Box--background-yellow-300":"_Box--background-yellow-300_o1i91_407","Box--background-yellow-400":"_Box--background-yellow-400_o1i91_410","Box--background-yellow-500":"_Box--background-yellow-500_o1i91_413","Box--background-red-100":"_Box--background-red-100_o1i91_416","Box--background-red-200":"_Box--background-red-200_o1i91_419","Box--background-red-300":"_Box--background-red-300_o1i91_422","Box--background-red-400":"_Box--background-red-400_o1i91_425","Box--background-red-500":"_Box--background-red-500_o1i91_428","Box--background-blue-100":"_Box--background-blue-100_o1i91_431","Box--background-blue-200":"_Box--background-blue-200_o1i91_434","Box--background-blue-300":"_Box--background-blue-300_o1i91_437","Box--background-blue-400":"_Box--background-blue-400_o1i91_440","Box--background-blue-500":"_Box--background-blue-500_o1i91_443","Box--background-magenta-100":"_Box--background-magenta-100_o1i91_446","Box--background-magenta-200":"_Box--background-magenta-200_o1i91_449","Box--background-magenta-300":"_Box--background-magenta-300_o1i91_452","Box--background-magenta-400":"_Box--background-magenta-400_o1i91_455","Box--background-magenta-500":"_Box--background-magenta-500_o1i91_458","Box--background-primary":"_Box--background-primary_o1i91_461","Box--background-secondary":"_Box--background-secondary_o1i91_464","Box--background-tertiary":"_Box--background-tertiary_o1i91_467","Box--background-overlay":"_Box--background-overlay_o1i91_470","Box--background-disabled":"_Box--background-disabled_o1i91_473","Box--background-brand":"_Box--background-brand_o1i91_476","Box--background-brandB2b":"_Box--background-brandB2b_o1i91_479","Box--background-accentLight":"_Box--background-accentLight_o1i91_482","Box--background-accentDark":"_Box--background-accentDark_o1i91_485","Box--background-positiveLight":"_Box--background-positiveLight_o1i91_488","Box--background-positiveDark":"_Box--background-positiveDark_o1i91_491","Box--background-infoLight":"_Box--background-infoLight_o1i91_494","Box--background-infoDark":"_Box--background-infoDark_o1i91_497","Box--background-warningLight":"_Box--background-warningLight_o1i91_500","Box--background-warningDark":"_Box--background-warningDark_o1i91_503","Box--background-criticalLight":"_Box--background-criticalLight_o1i91_506","Box--background-criticalDark":"_Box--background-criticalDark_o1i91_509","Box--background-statusOnline":"_Box--background-statusOnline_o1i91_512","Box--background-statusOffline":"_Box--background-statusOffline_o1i91_515","Box--background-primaryInverted":"_Box--background-primaryInverted_o1i91_518","Box--background-secondaryInverted":"_Box--background-secondaryInverted_o1i91_521","Box--background-tertiaryInverted":"_Box--background-tertiaryInverted_o1i91_524"},i=T.forwardRef(function({children:m,background:g,radius:v=j,padding:k=E,tag:p,dataset:w,...y},f){const h=H(U,u.Box,[r("box-radius",v),r("background",g)]),L=q(k),S=p??N,D=[...h,...L],P={...A(y),ref:f,className:D.join(" "),...O(w,{preplyDsComponent:u.Box})};return o.jsx(S,{...P,children:m})});try{i.displayName="Box",i.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:null,description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"disabled"'},{value:'"accentDark"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"m"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"s"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<Spacing> | ShortHand<BoxPadding>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const io={title:"components/Box",component:i,argTypes:{radius:{description:R},padding:{description:I}}},a=()=>o.jsx(i,{background:"positiveLight",children:o.jsxs(b,{gap:"xs",direction:"column",children:[o.jsx(t,{level:"h3",accent:"positive",children:"Heading"}),o.jsx(B,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});a.storyName="Box";const e={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:o.jsxs(b,{gap:"16",direction:"column",children:[o.jsx(t,{variant:"large",tag:"h3",children:"Heading"}),o.jsx(B,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var d,x,s;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Box background="positiveLight">
|
|
2
|
+
<LayoutFlex gap="xs" direction="column">
|
|
3
|
+
<Heading level="h3" accent="positive">
|
|
4
|
+
Heading
|
|
5
|
+
</Heading>
|
|
6
|
+
<Text accent="positive">
|
|
7
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
|
|
8
|
+
amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
|
|
9
|
+
vitae eros
|
|
10
|
+
</Text>
|
|
11
|
+
</LayoutFlex>
|
|
12
|
+
</Box>`,...(s=(x=a.parameters)==null?void 0:x.docs)==null?void 0:s.source}}};var n,_,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
13
|
+
parameters: {
|
|
14
|
+
chromatic: {
|
|
15
|
+
disableSnapshot: true
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
args: {
|
|
19
|
+
background: undefined,
|
|
20
|
+
radius: undefined,
|
|
21
|
+
padding: undefined,
|
|
22
|
+
children: <LayoutFlex gap="16" direction="column">
|
|
23
|
+
<Heading variant="large" tag="h3">
|
|
24
|
+
Heading
|
|
25
|
+
</Heading>
|
|
26
|
+
<Text>
|
|
27
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare
|
|
28
|
+
sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis
|
|
29
|
+
posuere et vitae eros
|
|
30
|
+
</Text>
|
|
31
|
+
</LayoutFlex>,
|
|
32
|
+
dataset: {
|
|
33
|
+
qaid: 'box'
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
argTypes: {
|
|
37
|
+
children: {
|
|
38
|
+
control: false
|
|
39
|
+
},
|
|
40
|
+
dataset: {
|
|
41
|
+
control: 'object'
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}`,...(l=(_=e.parameters)==null?void 0:_.docs)==null?void 0:l.source}}};const ro=["Base","Playground"];export{a as Base,e as Playground,ro as __namedExportsOrder,io as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Button--icon_647ln_5{display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_647ln_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_647ln_5 svg path{fill:currentColor}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{r as t}from"./render-icon-BT0Aq7PA.js";import{B as y}from"./ButtonBase-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{r as t}from"./render-icon-BT0Aq7PA.js";import{B as y}from"./ButtonBase-Desxs10d.js";import{a as g}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-Bwls0I02.js";import{B as T,a as B}from"./defaults-B1rzzf6M.js";const V={"Button--icon":"_Button--icon_647ln_5"},r=f.forwardRef(function({variant:i=B,size:s=T,url:m,a11yLabel:d,leadingSvgIcon:a,trailingSvgIcon:n,children:v,...p},c){const l=[...g(V,u.Button,["icon"])];return e.jsxs(y,{...p,ref:c,isIconButton:!1,variant:i,size:s,url:m,a11yLabel:d,preplyDsComponent:u.Button,children:[!!a&&e.jsx("span",{className:l.join(" "),children:t(a,{"aria-hidden":"true",focusable:"false"})}),v,!!n&&e.jsx("span",{className:l.join(" "),children:t(n,{"aria-hidden":"true",focusable:"false"})})]})});try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
|
|
2
2
|
|
|
3
3
|
Allows rendering the button using a different React element or component.
|
|
4
4
|
This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
|
|
5
5
|
@example // Render as a react router link component
|
|
6
6
|
import { Link } from 'react-router-dom';
|
|
7
7
|
|
|
8
|
-
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},
|
|
8
|
+
<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
|
|
9
9
|
@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
|
|
10
10
|
|
|
11
11
|
<Button leadingSvgIcon={TokyoUITag}>Button</Button>
|
|
@@ -15,4 +15,4 @@ or
|
|
|
15
15
|
|
|
16
16
|
<Button trailingSvgIcon={TokyoUITag}>Button</Button>
|
|
17
17
|
or
|
|
18
|
-
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance:
|
|
18
|
+
<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{r as B};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._Heading_5qzgj_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_5qzgj_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_5qzgj_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_5qzgj_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_5qzgj_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_5qzgj_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_5qzgj_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_5qzgj_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_5qzgj_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_5qzgj_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_5qzgj_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_5qzgj_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_5qzgj_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_5qzgj_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_5qzgj_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_5qzgj_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_5qzgj_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_5qzgj_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_5qzgj_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_5qzgj_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_5qzgj_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_5qzgj_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_5qzgj_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_5qzgj_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_5qzgj_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_5qzgj_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_5qzgj_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_5qzgj_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_5qzgj_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_5qzgj_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_5qzgj_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_5qzgj_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_5qzgj_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_5qzgj_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_5qzgj_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_5qzgj_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_5qzgj_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_5qzgj_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_5qzgj_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_5qzgj_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_5qzgj_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_5qzgj_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_5qzgj_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_5qzgj_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_5qzgj_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_5qzgj_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_5qzgj_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_5qzgj_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_5qzgj_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_5qzgj_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_5qzgj_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_5qzgj_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_5qzgj_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_5qzgj_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_5qzgj_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_5qzgj_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_5qzgj_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_5qzgj_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_5qzgj_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_5qzgj_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_5qzgj_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_5qzgj_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_5qzgj_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_5qzgj_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_5qzgj_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_5qzgj_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_5qzgj_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_5qzgj_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_5qzgj_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_5qzgj_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_5qzgj_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_5qzgj_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_5qzgj_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_5qzgj_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_5qzgj_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_5qzgj_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_5qzgj_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_5qzgj_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_5qzgj_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_5qzgj_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_5qzgj_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_5qzgj_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_5qzgj_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_5qzgj_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_5qzgj_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_5qzgj_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_5qzgj_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_5qzgj_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_5qzgj_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_5qzgj_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_5qzgj_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_5qzgj_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_5qzgj_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_5qzgj_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_5qzgj_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_5qzgj_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_5qzgj_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@-webkit-keyframes _spin_x775o_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes _spin_x775o_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}._Spinner_x775o_12{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--size-default_x775o_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_x775o_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_x775o_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_x775o_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_x775o_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_x775o_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_x775o_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_x775o_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_x775o_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_x775o_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_x775o_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_x775o_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_x775o_73{display:none}._Spinner--static_x775o_73 svg{fill:currentColor}._Spinner--animated_x775o_79{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_x775o_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;-webkit-animation:_spin_x775o_1 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:_spin_x775o_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_x775o_73{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_x775o_79{display:none}}._button-width--width-full_6h1y7_5{width:100%}._button-width--width-auto_6h1y7_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_6h1y7_12{width:100%}._button-width--narrow-l--width-auto_6h1y7_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_6h1y7_20{width:100%}._button-width--medium-s--width-auto_6h1y7_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_6h1y7_28{width:100%}._button-width--medium-l--width-auto_6h1y7_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_6h1y7_36{width:100%}._button-width--wide-s--width-auto_6h1y7_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_6h1y7_44{width:100%}._button-width--wide-l--width-auto_6h1y7_47{width:auto}}._ButtonBase_6h1y7_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--d61910);text-align:center;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_6h1y7_77{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--0aee7b);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_6h1y7_84 ._ButtonBase--content_6h1y7_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_6h1y7_84 ._ButtonBase--content_6h1y7_77 svg path{fill:currentColor}._ButtonBase--busy_6h1y7_91{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._ButtonBase_6h1y7_51[disabled],._ButtonBase_6h1y7_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_6h1y7_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_6h1y7_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_6h1y7_114 ._ButtonBase--content_6h1y7_77{visibility:hidden}._ButtonBase--width-full_6h1y7_121{width:100%}._ButtonBase--width-auto_6h1y7_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_6h1y7_128{width:100%}._ButtonBase--narrow-l--width-auto_6h1y7_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_6h1y7_136{width:100%}._ButtonBase--medium-s--width-auto_6h1y7_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_6h1y7_144{width:100%}._ButtonBase--medium-l--width-auto_6h1y7_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_6h1y7_152{width:100%}._ButtonBase--wide-s--width-auto_6h1y7_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_6h1y7_160{width:100%}._ButtonBase--wide-l--width-auto_6h1y7_163{width:auto}}._ButtonBase--size-xs_6h1y7_167{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--is-icon-button-size-xs_6h1y7_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_6h1y7_181{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--is-icon-button-size-s_6h1y7_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_6h1y7_195{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--is-icon-button-size-m_6h1y7_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_6h1y7_209{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--is-icon-button-size-l_6h1y7_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_6h1y7_223{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--is-icon-button-size-xl_6h1y7_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_6h1y7_237{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--is-icon-button-size-large_6h1y7_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_6h1y7_251{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--is-icon-button-size-medium_6h1y7_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_6h1y7_265{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--is-icon-button-size-small_6h1y7_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_6h1y7_280{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--narrow-l--is-icon-button-size-xs_6h1y7_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_6h1y7_294{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--narrow-l--is-icon-button-size-s_6h1y7_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_6h1y7_308{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--narrow-l--is-icon-button-size-m_6h1y7_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_6h1y7_322{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--narrow-l--is-icon-button-size-l_6h1y7_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_6h1y7_336{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--narrow-l--is-icon-button-size-xl_6h1y7_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_6h1y7_350{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--narrow-l--is-icon-button-size-large_6h1y7_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_6h1y7_364{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--narrow-l--is-icon-button-size-medium_6h1y7_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_6h1y7_378{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--narrow-l--is-icon-button-size-small_6h1y7_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_6h1y7_394{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-s--is-icon-button-size-xs_6h1y7_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_6h1y7_408{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-s--is-icon-button-size-s_6h1y7_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_6h1y7_422{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-s--is-icon-button-size-m_6h1y7_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_6h1y7_436{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-s--is-icon-button-size-l_6h1y7_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_6h1y7_450{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-s--is-icon-button-size-xl_6h1y7_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_6h1y7_464{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-s--is-icon-button-size-large_6h1y7_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_6h1y7_478{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-s--is-icon-button-size-medium_6h1y7_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_6h1y7_492{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-s--is-icon-button-size-small_6h1y7_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_6h1y7_508{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-l--is-icon-button-size-xs_6h1y7_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_6h1y7_522{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-l--is-icon-button-size-s_6h1y7_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_6h1y7_536{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-l--is-icon-button-size-m_6h1y7_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_6h1y7_550{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-l--is-icon-button-size-l_6h1y7_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_6h1y7_564{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-l--is-icon-button-size-xl_6h1y7_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_6h1y7_578{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-l--is-icon-button-size-large_6h1y7_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_6h1y7_592{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-l--is-icon-button-size-medium_6h1y7_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_6h1y7_606{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-l--is-icon-button-size-small_6h1y7_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_6h1y7_622{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-s--is-icon-button-size-xs_6h1y7_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_6h1y7_636{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-s--is-icon-button-size-s_6h1y7_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_6h1y7_650{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-s--is-icon-button-size-m_6h1y7_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_6h1y7_664{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-s--is-icon-button-size-l_6h1y7_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_6h1y7_678{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-s--is-icon-button-size-xl_6h1y7_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_6h1y7_692{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-s--is-icon-button-size-large_6h1y7_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_6h1y7_706{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-s--is-icon-button-size-medium_6h1y7_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_6h1y7_720{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-s--is-icon-button-size-small_6h1y7_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_6h1y7_736{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-l--is-icon-button-size-xs_6h1y7_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_6h1y7_750{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-l--is-icon-button-size-s_6h1y7_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_6h1y7_764{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-l--is-icon-button-size-m_6h1y7_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_6h1y7_778{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-l--is-icon-button-size-l_6h1y7_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_6h1y7_792{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-l--is-icon-button-size-xl_6h1y7_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_6h1y7_806{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-l--is-icon-button-size-large_6h1y7_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_6h1y7_820{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-l--is-icon-button-size-medium_6h1y7_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_6h1y7_834{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-l--is-icon-button-size-small_6h1y7_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_6h1y7_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_6h1y7_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_6h1y7_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_6h1y7_849[disabled],._ButtonBase--variant-primary_6h1y7_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_6h1y7_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_6h1y7_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_6h1y7_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_6h1y7_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_6h1y7_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_6h1y7_874[disabled],._ButtonBase--variant-secondary_6h1y7_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_6h1y7_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_6h1y7_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_6h1y7_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_6h1y7_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_6h1y7_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_6h1y7_899[disabled],._ButtonBase--variant-tertiary_6h1y7_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_6h1y7_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_6h1y7_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_6h1y7_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_6h1y7_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_6h1y7_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_6h1y7_924[disabled],._ButtonBase--variant-quaternary_6h1y7_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_6h1y7_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_6h1y7_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_6h1y7_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_6h1y7_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_6h1y7_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_6h1y7_949[disabled],._ButtonBase--variant-ghost_6h1y7_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_6h1y7_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_6h1y7_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_6h1y7_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_6h1y7_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);-webkit-text-decoration:var(--d2d32f);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_6h1y7_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_6h1y7_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_6h1y7_978[disabled],._ButtonBase--variant-plain_6h1y7_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_6h1y7_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_6h1y7_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_6h1y7_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);-webkit-text-decoration:var(--0bf14c);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_6h1y7_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_6h1y7_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_6h1y7_1003[disabled],._ButtonBase--variant-dangerous_6h1y7_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_6h1y7_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_6h1y7_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_6h1y7_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_6h1y7_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_6h1y7_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_6h1y7_1028[disabled],._ButtonBase--variant-critical_6h1y7_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_6h1y7_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_6h1y7_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_6h1y7_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_6h1y7_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_6h1y7_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_6h1y7_1053[disabled],._ButtonBase--variant-onColor_6h1y7_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_6h1y7_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_6h1y7_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_6h1y7_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_6h1y7_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_6h1y7_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_6h1y7_1078[disabled],._ButtonBase--variant-classroom_6h1y7_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_6h1y7_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_6h1y7_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_6h1y7_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_6h1y7_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_6h1y7_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_6h1y7_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_6h1y7_1107[disabled],._ButtonBase--variant-primaryB2b_6h1y7_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_6h1y7_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_6h1y7_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_6h1y7_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_6h1y7_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_6h1y7_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_6h1y7_1132[disabled],._ButtonBase--variant-primaryTutor_6h1y7_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_6h1y7_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_6h1y7_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_6h1y7_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_6h1y7_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_6h1y7_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_6h1y7_1157[disabled],._ButtonBase--variant-inverted_6h1y7_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_6h1y7_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_6h1y7_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_6h1y7_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_6h1y7_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_6h1y7_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_6h1y7_1182[disabled],._ButtonBase--variant-newFeature_6h1y7_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_6h1y7_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_6h1y7_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_6h1y7_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_6h1y7_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_6h1y7_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_6h1y7_1207[disabled],._ButtonBase--variant-ai_6h1y7_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_6h1y7_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_6h1y7_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_6h1y7_1207{-o-border-image:var(--0b0037);border-image:var(--0b0037)}._ButtonBase--variant-ai_6h1y7_1207[disabled],._ButtonBase--variant-ai_6h1y7_1207[disabled]:hover{-o-border-image:none;border-image:none;-o-border-image:initial;border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_6h1y7_1240{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}._Button--icon_1blr3_5{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_1blr3_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_1blr3_5 svg path{fill:currentColor}
|
|
1
|
+
._Heading_av3vf_4{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);margin:0}._Heading--level-h1-normal_av3vf_11{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--level-h1-large_av3vf_17{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--level-h2-normal_av3vf_23{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--level-h2-large_av3vf_29{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--level-h3-normal_av3vf_35{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--level-h3-large_av3vf_41{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--level-h4-normal_av3vf_47{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--level-h4-large_av3vf_53{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--level-h5-normal_av3vf_59{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--level-h5-large_av3vf_65{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}@media (min-width: 400px){._Heading--narrow-l--level-h1-normal_av3vf_72{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--narrow-l--level-h1-large_av3vf_78{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--narrow-l--level-h2-normal_av3vf_84{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--narrow-l--level-h2-large_av3vf_90{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--narrow-l--level-h3-normal_av3vf_96{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--narrow-l--level-h3-large_av3vf_102{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--narrow-l--level-h4-normal_av3vf_108{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--narrow-l--level-h4-large_av3vf_114{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--narrow-l--level-h5-normal_av3vf_120{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--narrow-l--level-h5-large_av3vf_126{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 700px){._Heading--medium-s--level-h1-normal_av3vf_134{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-s--level-h1-large_av3vf_140{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-s--level-h2-normal_av3vf_146{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-s--level-h2-large_av3vf_152{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-s--level-h3-normal_av3vf_158{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-s--level-h3-large_av3vf_164{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-s--level-h4-normal_av3vf_170{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-s--level-h4-large_av3vf_176{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-s--level-h5-normal_av3vf_182{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-s--level-h5-large_av3vf_188{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 880px){._Heading--medium-l--level-h1-normal_av3vf_196{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--medium-l--level-h1-large_av3vf_202{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--medium-l--level-h2-normal_av3vf_208{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--medium-l--level-h2-large_av3vf_214{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--medium-l--level-h3-normal_av3vf_220{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--medium-l--level-h3-large_av3vf_226{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--medium-l--level-h4-normal_av3vf_232{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--medium-l--level-h4-large_av3vf_238{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--medium-l--level-h5-normal_av3vf_244{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--medium-l--level-h5-large_av3vf_250{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1200px){._Heading--wide-s--level-h1-normal_av3vf_258{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-s--level-h1-large_av3vf_264{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-s--level-h2-normal_av3vf_270{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-s--level-h2-large_av3vf_276{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-s--level-h3-normal_av3vf_282{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-s--level-h3-large_av3vf_288{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-s--level-h4-normal_av3vf_294{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-s--level-h4-large_av3vf_300{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-s--level-h5-normal_av3vf_306{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-s--level-h5-large_av3vf_312{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}@media (min-width: 1900px){._Heading--wide-l--level-h1-normal_av3vf_320{font-size:var(--d04d41);font-weight:var(--d41fd7);line-height:var(--263a02);letter-spacing:var(--08c118)}._Heading--wide-l--level-h1-large_av3vf_326{font-size:var(--da58b6);font-weight:var(--325764);line-height:var(--a165a9);letter-spacing:var(--921c8c)}._Heading--wide-l--level-h2-normal_av3vf_332{font-size:var(--2bd50a);font-weight:var(--a8a528);line-height:var(--74d173);letter-spacing:var(--ac8be8)}._Heading--wide-l--level-h2-large_av3vf_338{font-size:var(--8a757b);font-weight:var(--000cce);line-height:var(--657856);letter-spacing:var(--56bc01)}._Heading--wide-l--level-h3-normal_av3vf_344{font-size:var(--28917e);font-weight:var(--f6b073);line-height:var(--33f70d);letter-spacing:var(--02dfa4)}._Heading--wide-l--level-h3-large_av3vf_350{font-size:var(--422005);font-weight:var(--809987);line-height:var(--8c79b9);letter-spacing:var(--2f0fc3)}._Heading--wide-l--level-h4-normal_av3vf_356{font-size:var(--63dde9);font-weight:var(--aea9af);line-height:var(--2059ef);letter-spacing:var(--b56598)}._Heading--wide-l--level-h4-large_av3vf_362{font-size:var(--abc50d);font-weight:var(--0e9c44);line-height:var(--95bce6);letter-spacing:var(--45a275)}._Heading--wide-l--level-h5-normal_av3vf_368{font-size:var(--4dbf89);font-weight:var(--51bd6b);line-height:var(--4f1030);letter-spacing:var(--918f0a)}._Heading--wide-l--level-h5-large_av3vf_374{font-size:var(--3b1912);font-weight:var(--99df37);line-height:var(--759bbd);letter-spacing:var(--4400a4)}}._Heading--variant-massive_av3vf_381{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--variant-huge_av3vf_387{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--variant-extraLarge_av3vf_393{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--variant-large_av3vf_399{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--variant-medium_av3vf_405{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--variant-small_av3vf_411{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){._Heading--narrow-l--variant-massive_av3vf_418{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--narrow-l--variant-huge_av3vf_424{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--narrow-l--variant-extraLarge_av3vf_430{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--narrow-l--variant-large_av3vf_436{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--narrow-l--variant-medium_av3vf_442{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--narrow-l--variant-small_av3vf_448{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){._Heading--medium-s--variant-massive_av3vf_456{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-s--variant-huge_av3vf_462{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-s--variant-extraLarge_av3vf_468{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-s--variant-large_av3vf_474{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-s--variant-medium_av3vf_480{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-s--variant-small_av3vf_486{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){._Heading--medium-l--variant-massive_av3vf_494{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--medium-l--variant-huge_av3vf_500{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--medium-l--variant-extraLarge_av3vf_506{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--medium-l--variant-large_av3vf_512{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--medium-l--variant-medium_av3vf_518{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--medium-l--variant-small_av3vf_524{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){._Heading--wide-s--variant-massive_av3vf_532{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-s--variant-huge_av3vf_538{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-s--variant-extraLarge_av3vf_544{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-s--variant-large_av3vf_550{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-s--variant-medium_av3vf_556{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-s--variant-small_av3vf_562{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){._Heading--wide-l--variant-massive_av3vf_570{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}._Heading--wide-l--variant-huge_av3vf_576{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}._Heading--wide-l--variant-extraLarge_av3vf_582{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}._Heading--wide-l--variant-large_av3vf_588{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}._Heading--wide-l--variant-medium_av3vf_594{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}._Heading--wide-l--variant-small_av3vf_600{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@-webkit-keyframes _spin_16mw2_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes _spin_16mw2_1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}._Spinner_16mw2_12{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--size-default_16mw2_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_16mw2_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_16mw2_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_16mw2_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_16mw2_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_16mw2_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_16mw2_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_16mw2_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_16mw2_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_16mw2_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_16mw2_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_16mw2_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_16mw2_73{display:none}._Spinner--static_16mw2_73 svg{fill:currentColor}._Spinner--animated_16mw2_79{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_16mw2_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;-webkit-animation:_spin_16mw2_1 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:_spin_16mw2_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_16mw2_73{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._Spinner--animated_16mw2_79{display:none}}._button-width--width-full_zo214_5{width:100%}._button-width--width-auto_zo214_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_zo214_12{width:100%}._button-width--narrow-l--width-auto_zo214_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_zo214_20{width:100%}._button-width--medium-s--width-auto_zo214_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_zo214_28{width:100%}._button-width--medium-l--width-auto_zo214_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_zo214_36{width:100%}._button-width--wide-s--width-auto_zo214_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_zo214_44{width:100%}._button-width--wide-l--width-auto_zo214_47{width:auto}}._ButtonBase_zo214_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--d61910);text-align:center;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_zo214_77{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--0aee7b);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_zo214_84 ._ButtonBase--content_zo214_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_zo214_84 ._ButtonBase--content_zo214_77 svg path{fill:currentColor}._ButtonBase--busy_zo214_91{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._ButtonBase_zo214_51[disabled],._ButtonBase_zo214_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_zo214_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_zo214_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_zo214_114 ._ButtonBase--content_zo214_77{visibility:hidden}._ButtonBase--width-full_zo214_121{width:100%}._ButtonBase--width-auto_zo214_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_zo214_128{width:100%}._ButtonBase--narrow-l--width-auto_zo214_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_zo214_136{width:100%}._ButtonBase--medium-s--width-auto_zo214_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_zo214_144{width:100%}._ButtonBase--medium-l--width-auto_zo214_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_zo214_152{width:100%}._ButtonBase--wide-s--width-auto_zo214_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_zo214_160{width:100%}._ButtonBase--wide-l--width-auto_zo214_163{width:auto}}._ButtonBase--size-xs_zo214_167{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--is-icon-button-size-xs_zo214_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_zo214_181{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--is-icon-button-size-s_zo214_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_zo214_195{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--is-icon-button-size-m_zo214_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_zo214_209{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--is-icon-button-size-l_zo214_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_zo214_223{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--is-icon-button-size-xl_zo214_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_zo214_237{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--is-icon-button-size-large_zo214_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_zo214_251{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--is-icon-button-size-medium_zo214_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_zo214_265{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--is-icon-button-size-small_zo214_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_zo214_280{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--narrow-l--is-icon-button-size-xs_zo214_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_zo214_294{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--narrow-l--is-icon-button-size-s_zo214_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_zo214_308{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--narrow-l--is-icon-button-size-m_zo214_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_zo214_322{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--narrow-l--is-icon-button-size-l_zo214_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_zo214_336{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--narrow-l--is-icon-button-size-xl_zo214_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_zo214_350{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--narrow-l--is-icon-button-size-large_zo214_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_zo214_364{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--narrow-l--is-icon-button-size-medium_zo214_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_zo214_378{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--narrow-l--is-icon-button-size-small_zo214_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_zo214_394{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-s--is-icon-button-size-xs_zo214_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_zo214_408{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-s--is-icon-button-size-s_zo214_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_zo214_422{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-s--is-icon-button-size-m_zo214_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_zo214_436{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-s--is-icon-button-size-l_zo214_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_zo214_450{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-s--is-icon-button-size-xl_zo214_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_zo214_464{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-s--is-icon-button-size-large_zo214_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_zo214_478{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-s--is-icon-button-size-medium_zo214_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_zo214_492{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-s--is-icon-button-size-small_zo214_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_zo214_508{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-l--is-icon-button-size-xs_zo214_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_zo214_522{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-l--is-icon-button-size-s_zo214_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_zo214_536{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-l--is-icon-button-size-m_zo214_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_zo214_550{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-l--is-icon-button-size-l_zo214_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_zo214_564{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-l--is-icon-button-size-xl_zo214_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_zo214_578{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-l--is-icon-button-size-large_zo214_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_zo214_592{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-l--is-icon-button-size-medium_zo214_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_zo214_606{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-l--is-icon-button-size-small_zo214_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_zo214_622{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-s--is-icon-button-size-xs_zo214_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_zo214_636{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-s--is-icon-button-size-s_zo214_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_zo214_650{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-s--is-icon-button-size-m_zo214_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_zo214_664{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-s--is-icon-button-size-l_zo214_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_zo214_678{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-s--is-icon-button-size-xl_zo214_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_zo214_692{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-s--is-icon-button-size-large_zo214_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_zo214_706{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-s--is-icon-button-size-medium_zo214_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_zo214_720{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-s--is-icon-button-size-small_zo214_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_zo214_736{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-l--is-icon-button-size-xs_zo214_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_zo214_750{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-l--is-icon-button-size-s_zo214_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_zo214_764{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-l--is-icon-button-size-m_zo214_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_zo214_778{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-l--is-icon-button-size-l_zo214_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_zo214_792{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-l--is-icon-button-size-xl_zo214_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_zo214_806{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-l--is-icon-button-size-large_zo214_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_zo214_820{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-l--is-icon-button-size-medium_zo214_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_zo214_834{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-l--is-icon-button-size-small_zo214_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_zo214_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_zo214_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_zo214_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_zo214_849[disabled],._ButtonBase--variant-primary_zo214_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_zo214_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_zo214_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_zo214_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_zo214_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_zo214_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_zo214_874[disabled],._ButtonBase--variant-secondary_zo214_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_zo214_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_zo214_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_zo214_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_zo214_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_zo214_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_zo214_899[disabled],._ButtonBase--variant-tertiary_zo214_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_zo214_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_zo214_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_zo214_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_zo214_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_zo214_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_zo214_924[disabled],._ButtonBase--variant-quaternary_zo214_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_zo214_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_zo214_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_zo214_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_zo214_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_zo214_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_zo214_949[disabled],._ButtonBase--variant-ghost_zo214_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_zo214_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_zo214_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_zo214_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_zo214_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);-webkit-text-decoration:var(--d2d32f);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_zo214_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_zo214_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_zo214_978[disabled],._ButtonBase--variant-plain_zo214_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_zo214_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_zo214_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_zo214_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);-webkit-text-decoration:var(--0bf14c);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_zo214_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_zo214_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_zo214_1003[disabled],._ButtonBase--variant-dangerous_zo214_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_zo214_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_zo214_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_zo214_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_zo214_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_zo214_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_zo214_1028[disabled],._ButtonBase--variant-critical_zo214_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_zo214_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_zo214_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_zo214_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_zo214_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_zo214_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_zo214_1053[disabled],._ButtonBase--variant-onColor_zo214_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_zo214_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_zo214_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_zo214_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_zo214_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_zo214_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_zo214_1078[disabled],._ButtonBase--variant-classroom_zo214_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_zo214_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_zo214_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_zo214_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_zo214_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_zo214_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_zo214_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_zo214_1107[disabled],._ButtonBase--variant-primaryB2b_zo214_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_zo214_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_zo214_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_zo214_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_zo214_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_zo214_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_zo214_1132[disabled],._ButtonBase--variant-primaryTutor_zo214_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_zo214_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_zo214_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_zo214_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_zo214_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_zo214_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_zo214_1157[disabled],._ButtonBase--variant-inverted_zo214_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_zo214_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_zo214_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_zo214_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_zo214_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_zo214_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_zo214_1182[disabled],._ButtonBase--variant-newFeature_zo214_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_zo214_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_zo214_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_zo214_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_zo214_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_zo214_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_zo214_1207[disabled],._ButtonBase--variant-ai_zo214_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_zo214_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_zo214_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_zo214_1207{-o-border-image:var(--0b0037);border-image:var(--0b0037)}._ButtonBase--variant-ai_zo214_1207[disabled],._ButtonBase--variant-ai_zo214_1207[disabled]:hover{-o-border-image:none;border-image:none;-o-border-image:initial;border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_zo214_1240{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}._Button--icon_647ln_5{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}._Button--icon_647ln_5 svg{width:var(--f316e1);height:var(--f316e1)}._Button--icon_647ln_5 svg path{fill:currentColor}
|