@charset "UTF-8";@keyframes _slide-bg-back-and-forth_1dufp_1{0%,to{background-position:0,0}50%{background-position:0,100%}}._root_1dufp_24{padding-inline:15px}@media screen and (min-width:720px){._root_1dufp_24{padding-inline:60px}}@media screen and (min-width:992px){._root_1dufp_24{padding-inline:40px}}._root_1dufp_24{padding-block:64px}@media screen and (min-width:1280px){._root_1dufp_24{padding-block:70px}}._root_1dufp_24._isDark_1dufp_45{color:#fff}._inner_1dufp_49{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1320px}@media screen and (min-width:1280px){._inner_1dufp_49{gap:20px;flex-direction:row}}._content_1dufp_63{display:flex;flex-direction:column;gap:24px}@media screen and (min-width:720px){._content_1dufp_63{width:658px}}@media screen and (min-width:1280px){._content_1dufp_63{padding-top:80px}}._logos_1dufp_79{color:var(--base-800);display:flex;gap:10px}._root_1dufp_24._isDark_1dufp_45 ._logos_1dufp_79{color:var(--base-600)}._hd_1dufp_88{font-family:var(--hd-font-family);font-weight:var(--hd--base-font-weight);font-size:var(--hd-h6--size);line-height:var(--hd-h6--line-height)}@media screen and (min-width:375px){._hd_1dufp_88{font-family:var(--hd-font-family);font-weight:var(--hd--base-font-weight);letter-spacing:var(--hd-h5-5--letter-spacing);font-size:var(--hd-h5-5--size);line-height:var(--hd-h5-5--line-height)}}@media screen and (min-width:420px){._hd_1dufp_88{font-family:var(--hd-font-family);font-weight:var(--hd--base-font-weight);letter-spacing:var(--hd-h5--letter-spacing);font-size:var(--hd-h5--size);line-height:var(--hd-h5--line-height)}}@media screen and (min-width:720px){._hd_1dufp_88{font-family:var(--hd-font-family);font-weight:var(--hd--base-font-weight);font-size:var(--hd-h4--size);letter-spacing:var(--hd-h4--letter-spacing);line-height:var(--hd-h4--line-height)}}@media screen and (min-width:1280px){._hd_1dufp_88{font-family:var(--hd-font-family);font-weight:var(--hd--base-font-weight);letter-spacing:var(--hd-h5--letter-spacing);font-size:var(--hd-h5--size);line-height:var(--hd-h5--line-height)}}._description_1dufp_131{display:flex;flex-direction:column;gap:20px;max-width:352px}@media screen and (min-width:720px){._description_1dufp_131{flex-direction:row;gap:28px;max-width:none}}@media screen and (min-width:1280px){._description_1dufp_131{flex-direction:column;gap:24px}}._description_1dufp_131 p{font-size:var(--body-regular--size);font-weight:var(--body--base-font-weight);letter-spacing:var(--body-regular--letter-spacing);line-height:var(--body-regular--line-height);color:var(--base-750)}._root_1dufp_24._isDark_1dufp_45 ._description_1dufp_131 p{color:#fff}@media screen and (min-width:720px){._description_1dufp_131 p{flex-shrink:0;width:344px}}._description_1dufp_131 ul{font-size:var(--body-regular--size);font-weight:var(--body--base-font-weight);letter-spacing:var(--body-regular--letter-spacing);line-height:var(--body-regular--line-height);font-weight:var(--body--semibold-font-weight);color:var(--base-700);list-style-type:none;margin-left:24px}._root_1dufp_24._isDark_1dufp_45 ._description_1dufp_131 ul{color:var(--base-200)}@media screen and (min-width:720px){._description_1dufp_131 ul{flex-grow:1;font-size:var(--body-extra-small--size);font-weight:var(--body--base-font-weight);letter-spacing:var(--body-extra-small--letter-spacing);line-height:var(--body-extra-small--line-height);font-weight:var(--body--semibold-font-weight)}}@media screen and (min-width:1280px){._description_1dufp_131 ul{margin-left:16px}}._description_1dufp_131 ul>li{position:relative}._description_1dufp_131 ul>li:before{content:"•";font-size:1.1em;left:-1em;position:absolute;top:-.16em}._example_1dufp_205{background-color:#e9bded}._example_1dufp_205{background-image:url(/_next_public/abstract-bgs/river-fog/s@1000x753@1x.webp)}@media screen and (min-width:720px){._example_1dufp_205{background-image:url(/_next_public/abstract-bgs/river-fog/m@2000x1506@1x.webp)}}._example_1dufp_205{align-items:center;background-position:50% 50%;background-size:cover;border-radius:20px;display:flex;flex-direction:column;padding:48px 16px}@media screen and (min-width:720px){._example_1dufp_205{padding-top:116px}}@media screen and (min-width:1280px){._example_1dufp_205{flex-shrink:0;width:762px}}._exampleUi_1dufp_237{border-radius:8px;box-shadow:var(--ds-dark-low);margin-bottom:48px;max-width:340px;overflow:hidden;position:relative}._exampleUi_1dufp_237:after{border-radius:inherit;border:1px solid var(--base-900);content:"";inset:0;position:absolute;z-index:1}@media screen and (min-width:720px){._exampleUi_1dufp_237{margin-bottom:64px}}._exampleUiImg_1dufp_259{display:block;height:auto;width:100%}._exampleUiLink_1dufp_265{height:32px;position:absolute;right:0;top:0;width:56px;z-index:2}._exampleCode_1dufp_274{align-items:center;background:var(--base-750);border-radius:12px;box-shadow:var(--ds-dark-low);color:#fff;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-width:382px;padding:8px;width:100%}@media screen and (min-width:720px){._exampleCode_1dufp_274{padding:4px;flex-direction:row;max-width:680px;margin-bottom:16px}}._exampleCodeCommand_1dufp_297{align-items:center;display:flex;gap:12px;min-width:0;width:100%}@media screen and (min-width:720px){._exampleCodeCommand_1dufp_297{order:2}}._exampleCodeCommandText_1dufp_310{font-size:var(--body-extra-small--size);font-weight:var(--body--base-font-weight);letter-spacing:var(--body-extra-small--letter-spacing);line-height:var(--body-extra-small--line-height);padding-inline:4px}._exampleCodeCommandTextInner_1dufp_318{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}._exampleCodeCommandCopyBtn_1dufp_325{align-items:center;border-radius:8px;border:1px solid var(--base-700);color:var(--base-400);display:flex;flex-shrink:0;height:48px;justify-content:center;margin-left:auto;transition:color var(--base-duration) var(--base-easing);width:48px}[data-whatintent=mouse] ._exampleCodeCommandCopyBtn_1dufp_325:hover{color:#fff}@media screen and (min-width:720px){._exampleCodeCommandCopyBtn_1dufp_325{height:32px;width:32px}}._exampleCodeCommandCopyBtn_1dufp_325>svg{display:block;height:16px;width:16px}._exampleCodeDropdown_1dufp_353{--dropdown-height: 48px;height:var(--dropdown-height);position:relative;width:100%}@media screen and (min-width:720px){._exampleCodeDropdown_1dufp_353{--dropdown-height: 32px;order:1;flex-shrink:0;width:140px}}._exampleCodeDropdownList_1dufp_368{background:var(--base-800);border-radius:8px;height:var(--dropdown-height);left:0;overflow:hidden;position:absolute;right:0;top:0}._exampleCodeDropdownList_1dufp_368._isOpen_1dufp_378{height:auto}._exampleCodeDropdownListInner_1dufp_382{display:flex;flex-direction:column;gap:4px;list-style-type:none;padding:4px}._exampleCodeDropdownListInner_1dufp_382>li>button{font-size:var(--body-small--size);font-weight:var(--body--base-font-weight);letter-spacing:var(--body-small--letter-spacing);line-height:var(--body-small--line-height);font-weight:var(--body--bold-font-weight);border-radius:4px;color:var(--base-400);cursor:pointer;display:flex;height:calc(var(--dropdown-height) - 8px);padding-inline:8px;transition:background var(--base-duration) var(--base-easing),color var(--base-duration) var(--base-easing);width:100%}[data-whatintent=mouse] ._exampleCodeDropdownListInner_1dufp_382>li>button:hover{background:var(--base-900);color:#fff}._exampleCodeDropdownListInner_1dufp_382>li>button>span{flex-grow:1;line-height:1;position:relative;text-align:left}._exampleCodeDropdownListInner_1dufp_382>li>button>svg{margin-left:auto;transform:rotate(90deg);transition:transform var(--base-duration) var(--base-easing)}._exampleCodeDropdownListInner_1dufp_382>li>button>svg._isSmall_1dufp_419{display:none;height:16px;width:16px}@media screen and (min-width:720px){._exampleCodeDropdownListInner_1dufp_382>li>button>svg._isSmall_1dufp_419{display:block}}._exampleCodeDropdownListInner_1dufp_382>li>button>svg._isBig_1dufp_429{display:block;height:24px;width:24px}@media screen and (min-width:720px){._exampleCodeDropdownListInner_1dufp_382>li>button>svg._isBig_1dufp_429{display:none}}._exampleCodeDropdownListInner_1dufp_382>li:first-child>button{color:#fff}._exampleCodeDropdownList_1dufp_368._isOpen_1dufp_378 ._exampleCodeDropdownListInner_1dufp_382>li>button>svg{transform:rotate(270deg)}._exampleLink_1dufp_446{font-size:var(--btn--size);font-weight:var(--btn--base-font-weight);letter-spacing:var(--btn--letter-spacing);line-height:var(--btn--line-height);align-items:center;color:var(--base-800);display:flex;gap:2px}[data-whatintent=mouse] ._exampleLink_1dufp_446:hover{text-decoration:underline}