@dialpad/dialtone-css
Version:
Dialpad's design system
1 lines • 1.26 MB
CSS
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}a,ins,u{text-decoration-thickness:var(--dt-size-border-50);text-underline-offset:calc(var(--dt-size-border-300) - var(--dt-size-border-100))}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:var(--dt-size-border-100);text-underline-offset:calc(var(--dt-size-border-300) - var(--dt-size-border-100))}del,s{text-decoration-thickness:var(--dt-size-border-100)!important}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}li,ol,ul{list-style:none}img{border-style:none}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{color:inherit;overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:focus-visible{box-shadow:var(--dt-shadow-focus);outline:0}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0!important}.fade-enter-to,.fade-leave-from{opacity:1!important}.slide-down-enter-active{transition:-webkit-transform .28s ease-out;transition:transform .28s ease-out;transition:transform .28s ease-out,-webkit-transform .28s ease-out}.slide-down-leave-active{transition:-webkit-transform .28s ease-in;transition:transform .28s ease-in;transition:transform .28s ease-in,-webkit-transform .28s ease-in}.slide-down-enter-from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slide-down-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%)}.pop-enter-active{-webkit-animation:pop .5s;animation:pop .5s}.pop-leave-active{animation:pop .5s reverse}@-webkit-keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.shake-enter-active{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(var(--dt-size-300-negative),0,0);transform:translate3d(var(--dt-size-300-negative),0,0)}20%,80%{-webkit-transform:translate3d(var(--dt-size-400),0,0);transform:translate3d(var(--dt-size-400),0,0)}30%,50%,70%{-webkit-transform:translate3d(var(--dt-size-500-negative),0,0);transform:translate3d(var(--dt-size-500-negative),0,0)}40%,60%{-webkit-transform:translate3d(var(--dt-size-500),0,0);transform:translate3d(var(--dt-size-500),0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(var(--dt-size-300-negative),0,0);transform:translate3d(var(--dt-size-300-negative),0,0)}20%,80%{-webkit-transform:translate3d(var(--dt-size-400),0,0);transform:translate3d(var(--dt-size-400),0,0)}30%,50%,70%{-webkit-transform:translate3d(var(--dt-size-500-negative),0,0);transform:translate3d(var(--dt-size-500-negative),0,0)}40%,60%{-webkit-transform:translate3d(var(--dt-size-500),0,0);transform:translate3d(var(--dt-size-500),0,0)}}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fade-in{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}50%{opacity:.5}to{opacity:0}}@keyframes fade-out{0%{opacity:1}50%{opacity:.5}to{opacity:0}}.fade-in{-webkit-animation:fade-in .18s ease-in-out;animation:fade-in .18s ease-in-out}.fade-out{-webkit-animation:fade-out .18s ease-in-out;animation:fade-out .18s ease-in-out}.d-zoom-enter-from,.d-zoom-leave-to,.d-zoom__dialog-enter-from,.d-zoom__dialog-leave-to{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;opacity:0!important;visibility:hidden!important;z-index:var(--zi-hide)!important}.d-zoom__dialog-enter-from,.d-zoom__dialog-leave-to{-webkit-transform:translate3d(0,30%,0) scale3d(.75,.75,.75)!important;transform:translate3d(0,30%,0) scale3d(.75,.75,.75)!important}.d-zoom-enter-active,.d-zoom__dialog-enter-active{transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s 0s,visibility 0s 0s,-webkit-transform .1s var(--ttf-in-out) 10ms;transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s 0s,visibility 0s 0s,transform .1s var(--ttf-in-out) 10ms;transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s 0s,visibility 0s 0s,transform .1s var(--ttf-in-out) 10ms,-webkit-transform .1s var(--ttf-in-out) 10ms}@media (prefers-reduced-motion){.d-zoom-enter-active,.d-zoom__dialog-enter-active{transition:none!important}}.d-zoom-leave-active{transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s .2s,visibility 0s .2s,-webkit-transform .1s var(--ttf-in-out) 10ms;transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 10ms;transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 10ms,-webkit-transform .1s var(--ttf-in-out) 10ms}.d-zoom-leave-active.d-modal--full{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s}@media (prefers-reduced-motion){.d-zoom-leave-active{transition:none!important}}.d-zoom__dialog-leave-active{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s,-webkit-transform .1s var(--ttf-in-out) 0s;transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 0s;transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 0s,-webkit-transform .1s var(--ttf-in-out) 0s}.d-zoom__dialog-leave-active.d-modal--full{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s}@media (prefers-reduced-motion){.d-zoom__dialog-leave-active{transition:none!important}}.d-root-layout{display:grid;grid-template-areas:"header" "sidebar" "body" "footer";grid-template-columns:1fr;grid-template-rows:-webkit-min-content auto 1fr -webkit-min-content;grid-template-rows:min-content auto 1fr min-content;min-height:100vh;position:relative}.d-root-layout--fixed{height:auto}.d-root-layout__header{grid-area:header}.d-root-layout__header--sticky{position:sticky;top:0;z-index:var(--zi-navigation)}.d-root-layout__sidebar{box-shadow:none;grid-area:sidebar;height:100%;overflow:hidden auto}.d-root-layout__sidebar:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.d-root-layout__content{box-shadow:none;grid-area:body;overflow-y:auto}.d-root-layout__content:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.d-root-layout__footer{grid-area:footer}.d-root-layout__responsive--default{grid-template-areas:"header header" "sidebar body" "footer footer";grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.d-root-layout__responsive--default.d-root-layout--inverted{grid-template-areas:"header header" "body sidebar" "footer footer";grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content}.d-root-layout__responsive--default.d-root-layout--fixed{height:100vh}@media (min-width:480px){.d-root-layout__responsive--sm{grid-template-areas:"header header" "sidebar body" "footer footer";grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.d-root-layout__responsive--sm.d-root-layout--inverted{grid-template-areas:"header header" "body sidebar" "footer footer";grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content}.d-root-layout__responsive--sm.d-root-layout--fixed{height:100vh}}@media (min-width:640px){.d-root-layout__responsive--md{grid-template-areas:"header header" "sidebar body" "footer footer";grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.d-root-layout__responsive--md.d-root-layout--inverted{grid-template-areas:"header header" "body sidebar" "footer footer";grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content}.d-root-layout__responsive--md.d-root-layout--fixed{height:100vh}}@media (min-width:980px){.d-root-layout__responsive--lg{grid-template-areas:"header header" "sidebar body" "footer footer";grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.d-root-layout__responsive--lg.d-root-layout--inverted{grid-template-areas:"header header" "body sidebar" "footer footer";grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content}.d-root-layout__responsive--lg.d-root-layout--fixed{height:100vh}}.d-stack{--stack-gap:0;--stack-direction:column;--stack-align:initial;--stack-justify:initial;align-items:var(--stack-align);display:flex;flex-direction:var(--stack-direction);gap:var(--stack-gap);justify-content:var(--stack-justify)}.d-stack--column-reverse{--stack-direction:column-reverse;--stack-align:initial}.d-stack--row{--stack-direction:row;--stack-align:center}.d-stack--row-reverse{--stack-direction:row-reverse;--stack-align:center}.d-stack--align-start{--stack-align:start}.d-stack--align-center{--stack-align:center}.d-stack--align-end{--stack-align:end}.d-stack--align-stretch{--stack-align:stretch}.d-stack--align-baseline{--stack-align:baseline}.d-stack--justify-start{--stack-justify:start}.d-stack--justify-center{--stack-justify:center}.d-stack--justify-end{--stack-justify:end}.d-stack--justify-around{--stack-justify:space-around}.d-stack--justify-between{--stack-justify:space-between}.d-stack--justify-evenly{--stack-justify:space-evenly}.d-stack--gap-50{--stack-gap:var(--dt-space-50)}.d-stack--gap-100{--stack-gap:var(--dt-space-100)}.d-stack--gap-200{--stack-gap:var(--dt-space-200)}.d-stack--gap-300{--stack-gap:var(--dt-space-300)}.d-stack--gap-350{--stack-gap:var(--dt-space-350)}.d-stack--gap-400{--stack-gap:var(--dt-space-400)}.d-stack--gap-450{--stack-gap:var(--dt-space-450)}.d-stack--gap-500{--stack-gap:var(--dt-space-500)}.d-stack--gap-525{--stack-gap:var(--dt-space-525)}.d-stack--gap-550{--stack-gap:var(--dt-space-550)}.d-stack--gap-600{--stack-gap:var(--dt-space-600)}.d-stack--gap-625{--stack-gap:var(--dt-space-625)}.d-stack--gap-650{--stack-gap:var(--dt-space-650)}.d-stack--gap-700{--stack-gap:var(--dt-space-700)}@media screen and (min-width:480px){.d-stack--sm-column{--stack-direction:column;--stack-align:initial}.d-stack--sm-column-reverse{--stack-direction:column-reverse;--stack-align:initial}.d-stack--sm-row{--stack-direction:row;--stack-align:center}.d-stack--sm-row-reverse{--stack-direction:row-reverse;--stack-align:center}.d-stack--sm-gap-50{--stack-gap:var(--dt-space-50)}.d-stack--sm-gap-100{--stack-gap:var(--dt-space-100)}.d-stack--sm-gap-200{--stack-gap:var(--dt-space-200)}.d-stack--sm-gap-300{--stack-gap:var(--dt-space-300)}.d-stack--sm-gap-350{--stack-gap:var(--dt-space-350)}.d-stack--sm-gap-400{--stack-gap:var(--dt-space-400)}.d-stack--sm-gap-450{--stack-gap:var(--dt-space-450)}.d-stack--sm-gap-500{--stack-gap:var(--dt-space-500)}.d-stack--sm-gap-525{--stack-gap:var(--dt-space-525)}.d-stack--sm-gap-550{--stack-gap:var(--dt-space-550)}.d-stack--sm-gap-600{--stack-gap:var(--dt-space-600)}.d-stack--sm-gap-625{--stack-gap:var(--dt-space-625)}.d-stack--sm-gap-650{--stack-gap:var(--dt-space-650)}.d-stack--sm-gap-700{--stack-gap:var(--dt-space-700)}.d-stack--sm-align-start{align-items:start}.d-stack--sm-align-center{align-items:center}.d-stack--sm-align-end{align-items:end}.d-stack--sm-align-stretch{align-items:stretch}.d-stack--sm-align-baseline{align-items:baseline}.d-stack--sm-justify-start{justify-content:start}.d-stack--sm-justify-center{justify-content:center}.d-stack--sm-justify-end{justify-content:end}.d-stack--sm-justify-around{justify-content:space-around}.d-stack--sm-justify-between{justify-content:space-between}.d-stack--sm-justify-evenly{justify-content:space-evenly}}@media screen and (min-width:640px){.d-stack--md-column{--stack-direction:column;--stack-align:initial}.d-stack--md-column-reverse{--stack-direction:column-reverse;--stack-align:initial}.d-stack--md-row{--stack-direction:row;--stack-align:center}.d-stack--md-row-reverse{--stack-direction:row-reverse;--stack-align:center}.d-stack--md-gap-50{--stack-gap:var(--dt-space-50)}.d-stack--md-gap-100{--stack-gap:var(--dt-space-100)}.d-stack--md-gap-200{--stack-gap:var(--dt-space-200)}.d-stack--md-gap-300{--stack-gap:var(--dt-space-300)}.d-stack--md-gap-350{--stack-gap:var(--dt-space-350)}.d-stack--md-gap-400{--stack-gap:var(--dt-space-400)}.d-stack--md-gap-450{--stack-gap:var(--dt-space-450)}.d-stack--md-gap-500{--stack-gap:var(--dt-space-500)}.d-stack--md-gap-525{--stack-gap:var(--dt-space-525)}.d-stack--md-gap-550{--stack-gap:var(--dt-space-550)}.d-stack--md-gap-600{--stack-gap:var(--dt-space-600)}.d-stack--md-gap-625{--stack-gap:var(--dt-space-625)}.d-stack--md-gap-650{--stack-gap:var(--dt-space-650)}.d-stack--md-gap-700{--stack-gap:var(--dt-space-700)}.d-stack--md-align-start{align-items:start}.d-stack--md-align-center{align-items:center}.d-stack--md-align-end{align-items:end}.d-stack--md-align-stretch{align-items:stretch}.d-stack--md-align-baseline{align-items:baseline}.d-stack--md-justify-start{justify-content:start}.d-stack--md-justify-center{justify-content:center}.d-stack--md-justify-end{justify-content:end}.d-stack--md-justify-around{justify-content:space-around}.d-stack--md-justify-between{justify-content:space-between}.d-stack--md-justify-evenly{justify-content:space-evenly}}@media screen and (min-width:980px){.d-stack--lg-column{--stack-direction:column;--stack-align:initial}.d-stack--lg-column-reverse{--stack-direction:column-reverse;--stack-align:initial}.d-stack--lg-row{--stack-direction:row;--stack-align:center}.d-stack--lg-row-reverse{--stack-direction:row-reverse;--stack-align:center}.d-stack--lg-gap-50{--stack-gap:var(--dt-space-50)}.d-stack--lg-gap-100{--stack-gap:var(--dt-space-100)}.d-stack--lg-gap-200{--stack-gap:var(--dt-space-200)}.d-stack--lg-gap-300{--stack-gap:var(--dt-space-300)}.d-stack--lg-gap-350{--stack-gap:var(--dt-space-350)}.d-stack--lg-gap-400{--stack-gap:var(--dt-space-400)}.d-stack--lg-gap-450{--stack-gap:var(--dt-space-450)}.d-stack--lg-gap-500{--stack-gap:var(--dt-space-500)}.d-stack--lg-gap-525{--stack-gap:var(--dt-space-525)}.d-stack--lg-gap-550{--stack-gap:var(--dt-space-550)}.d-stack--lg-gap-600{--stack-gap:var(--dt-space-600)}.d-stack--lg-gap-625{--stack-gap:var(--dt-space-625)}.d-stack--lg-gap-650{--stack-gap:var(--dt-space-650)}.d-stack--lg-gap-700{--stack-gap:var(--dt-space-700)}.d-stack--lg-align-start{align-items:start}.d-stack--lg-align-center{align-items:center}.d-stack--lg-align-end{align-items:end}.d-stack--lg-align-stretch{align-items:stretch}.d-stack--lg-align-baseline{align-items:baseline}.d-stack--lg-justify-start{justify-content:start}.d-stack--lg-justify-center{justify-content:center}.d-stack--lg-justify-end{justify-content:end}.d-stack--lg-justify-around{justify-content:space-around}.d-stack--lg-justify-between{justify-content:space-between}.d-stack--lg-justify-evenly{justify-content:space-evenly}}@media screen and (min-width:1264px){.d-stack--xl-column{--stack-direction:column;--stack-align:initial}.d-stack--xl-column-reverse{--stack-direction:column-reverse;--stack-align:initial}.d-stack--xl-row{--stack-direction:row;--stack-align:center}.d-stack--xl-row-reverse{--stack-direction:row-reverse;--stack-align:center}.d-stack--xl-gap-50{--stack-gap:var(--dt-space-50)}.d-stack--xl-gap-100{--stack-gap:var(--dt-space-100)}.d-stack--xl-gap-200{--stack-gap:var(--dt-space-200)}.d-stack--xl-gap-300{--stack-gap:var(--dt-space-300)}.d-stack--xl-gap-350{--stack-gap:var(--dt-space-350)}.d-stack--xl-gap-400{--stack-gap:var(--dt-space-400)}.d-stack--xl-gap-450{--stack-gap:var(--dt-space-450)}.d-stack--xl-gap-500{--stack-gap:var(--dt-space-500)}.d-stack--xl-gap-525{--stack-gap:var(--dt-space-525)}.d-stack--xl-gap-550{--stack-gap:var(--dt-space-550)}.d-stack--xl-gap-600{--stack-gap:var(--dt-space-600)}.d-stack--xl-gap-625{--stack-gap:var(--dt-space-625)}.d-stack--xl-gap-650{--stack-gap:var(--dt-space-650)}.d-stack--xl-gap-700{--stack-gap:var(--dt-space-700)}.d-stack--xl-align-start{align-items:start}.d-stack--xl-align-center{align-items:center}.d-stack--xl-align-end{align-items:end}.d-stack--xl-align-stretch{align-items:stretch}.d-stack--xl-align-baseline{align-items:baseline}.d-stack--xl-justify-start{justify-content:start}.d-stack--xl-justify-center{justify-content:center}.d-stack--xl-justify-end{justify-content:end}.d-stack--xl-justify-around{justify-content:space-around}.d-stack--xl-justify-between{justify-content:space-between}.d-stack--xl-justify-evenly{justify-content:space-evenly}}.d-item-layout{align-items:stretch;display:flex;font-size:var(--dt-font-size-200);line-height:var(--dt-font-line-height-300);min-height:calc(var(--dt-size-550) + var(--dt-size-300));padding:var(--dt-space-300) var(--dt-space-400)}.d-item-layout>.d-item-layout__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:var(--dt-size-0)}.d-item-layout>.d-item-layout__content>.d-item-layout__subtitle{color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100)}.d-item-layout>.d-item-layout__content>.d-item-layout__subtitle-with-title{margin-top:var(--dt-space-200-negative)}.d-item-layout>.d-item-layout__content>.d-item-layout__bottom{margin-top:var(--dt-space-200)}.d-item-layout>.d-item-layout__left,.d-item-layout>.d-item-layout__right{align-items:center;display:flex;min-height:inherit;min-width:var(--dt-size-600)}.d-item-layout>.d-item-layout__right{flex-shrink:0;padding-left:var(--dt-space-400)}.d-item-layout>.d-item-layout__left{justify-content:flex-end;padding-right:var(--dt-space-400)}.d-item-layout>.d-item-layout__selected{align-items:center;display:flex}.d-item-layout--custom{display:grid}.d-item-layout--custom .d-item-layout__content{display:grid;grid-auto-rows:auto}.d-avatar{--avatar-color-background:var(--dt-avatar-color-background-000);--avatar-color-text:var(--dt-avatar-color-foreground);--avatar-size-shape:var(--dt-size-600);--avatar-size-image:var(--dt-size-100-percent);--avatar-size-text:var(--dt-font-size-200);--avatar-presence-position-right:var(--dt-space-200-negative);--avatar-presence-position-bottom:var(--dt-space-200-negative);--avatar-count-color-shadow:var(--dt-shell-color-surface-default);--avatar-presence-mask-size:calc(var(--dt-size-450) + var(--dt-size-50));color:var(--avatar-color-text);display:flex;position:relative}.d-avatar--color-000{--avatar-color-background:var(--dt-avatar-color-background-000)}.d-avatar--color-100{--avatar-color-background:var(--dt-avatar-color-background-100)}.d-avatar--color-200{--avatar-color-background:var(--dt-avatar-color-background-200)}.d-avatar--color-300{--avatar-color-background:var(--dt-avatar-color-background-300)}.d-avatar--color-400{--avatar-color-background:var(--dt-avatar-color-background-400)}.d-avatar--color-500{--avatar-color-background:var(--dt-avatar-color-background-500)}.d-avatar--color-600{--avatar-color-background:var(--dt-avatar-color-background-600)}.d-avatar--color-700{--avatar-color-background:var(--dt-avatar-color-background-700)}.d-avatar--color-800{--avatar-color-background:var(--dt-avatar-color-background-800)}.d-avatar--color-900{--avatar-color-background:var(--dt-avatar-color-background-900)}.d-avatar--color-1000{--avatar-color-background:var(--dt-avatar-color-background-1000)}.d-avatar--color-1100{--avatar-color-background:var(--dt-avatar-color-background-1100)}.d-avatar--color-1200{--avatar-color-background:var(--dt-avatar-color-background-1200)}.d-avatar--color-1300{--avatar-color-background:var(--dt-avatar-color-background-1300)}.d-avatar--color-1400{--avatar-color-background:var(--dt-avatar-color-background-1400)}.d-avatar--color-1500{--avatar-color-background:var(--dt-avatar-color-background-1500)}.d-avatar--color-1600{--avatar-color-background:var(--dt-avatar-color-background-1600)}.d-avatar--color-1700{--avatar-color-background:var(--dt-avatar-color-background-1700)}.d-avatar--color-1800{--avatar-color-background:var(--dt-avatar-color-background-1800)}.d-avatar__canvas{align-items:center;background-color:var(--avatar-color-background);block-size:var(--avatar-size-shape);display:flex;inline-size:var(--avatar-size-shape);justify-content:center;overflow:hidden}.d-avatar__canvas,.d-avatar__image{border-radius:var(--dt-size-radius-pill)}.d-avatar__image{block-size:var(--avatar-size-image);inline-size:var(--avatar-size-image);-o-object-fit:cover;object-fit:cover}.d-avatar--image-loaded{background-color:var(--dt-color-neutral-transparent);background-image:unset}.d-avatar__initials{font-size:var(--avatar-size-text);font-weight:var(--dt-font-weight-bold);line-height:var(--dt-font-line-height-100);position:absolute;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:var(--zi-base)}.d-avatar__icon{display:flex}.d-avatar__presence{bottom:var(--avatar-presence-position-bottom);display:flex;right:var(--avatar-presence-position-right)}.d-avatar__count,.d-avatar__presence{position:absolute;z-index:var(--zi-base)}.d-avatar__count{--avatar-count-color-shadow:var(--dt-color-neutral-transparent);align-items:center;background-color:var(--dt-color-surface-strong);border-radius:var(--dt-size-radius-pill);bottom:var(--dt-space-0);box-shadow:0 0 0 var(--dt-size-200) var(--avatar-count-color-shadow);box-sizing:border-box;color:var(--dt-color-foreground-primary-inverted);display:inline-flex;font-size:calc(var(--dt-font-size-100) - var(--dt-size-200));font-weight:var(--dt-font-weight-bold);justify-content:center;line-height:var(--dt-font-line-height-100);min-width:calc(var(--dt-size-300)*3.5);padding:var(--dt-space-200) calc(var(--dt-space-200) + var(--dt-space-100));right:var(--dt-space-0);text-align:center;white-space:nowrap}.d-recipe-leftbar-row--selected .d-avatar__count,.d-recipe-leftbar-row__primary:hover .d-avatar__count{--avatar-count-color-shadow:var(--dt-shell-action-color-background-primary-hover)}.d-avatar--clickable{--avatar-color-border:var(--dt-color-neutral-transparent);background-color:var(--dt-color-neutral-transparent);border:var(--dt-size-border-100) solid var(--avatar-color-border);border-radius:var(--dt-size-radius-circle);cursor:pointer;padding:0}.d-avatar--clickable:focus-visible{box-shadow:var(--dt-shadow-focus);outline:none}.d-avatar--clickable:hover{--avatar-color-border:var(--dt-color-border-default)}.d-avatar--clickable:active{--avatar-color-border:var(--dt-color-border-moderate);-webkit-transform:scale(.98);transform:scale(.98)}.d-avatar__overlay{align-items:center;background-color:var(--dt-color-surface-contrast-opaque);block-size:var(--dt-size-100-percent);border-radius:var(--dt-size-radius-circle);display:flex;inline-size:var(--dt-size-100-percent);justify-content:center;opacity:var(--dt-opacity-900);position:absolute;z-index:var(--zi-base)}.d-avatar__overlay-icon,.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);inline-size:var(--dt-size-100-percent)}.d-avatar__overlay-text{font-size:var(--dt-font-size-200);font-weight:var(--dt-font-weight-bold);text-align:center}.d-avatar--xs{--avatar-size-shape:calc(var(--dt-size-500) + var(--dt-size-200));--avatar-presence-position-right:var(--dt-space-300-negative);--avatar-presence-position-bottom:var(--dt-space-300-negative);--avatar-presence-mask-offset-x:var(--dt-space-200);--avatar-presence-mask-offset-y:var(--dt-space-200)}.d-avatar--sm{--avatar-size-shape:var(--dt-size-550);--avatar-size-text:var(--dt-font-size-100);--avatar-presence-position-right:var(--dt-space-200-negative);--avatar-presence-position-bottom:var(--dt-space-200-negative);--avatar-presence-mask-offset-x:var(--dt-space-300);--avatar-presence-mask-offset-y:var(--dt-space-300)}.d-avatar--md{--avatar-size-shape:var(--dt-size-600);--avatar-size-text:var(--dt-font-size-200);--avatar-presence-position-right:var(--dt-space-100-negative);--avatar-presence-position-bottom:var(--dt-space-100-negative);--avatar-presence-mask-offset-x:calc(var(--dt-space-350) - var(--dt-space-100));--avatar-presence-mask-offset-y:calc(var(--dt-space-350) - var(--dt-space-100))}.d-avatar--lg{--avatar-size-shape:var(--dt-size-650);--avatar-size-text:var(--dt-font-size-300);--avatar-presence-position-right:var(--dt-space-100);--avatar-presence-position-bottom:var(--dt-space-100);--avatar-presence-mask-offset-x:calc(var(--dt-space-400) - var(--dt-space-100));--avatar-presence-mask-offset-y:calc(var(--dt-space-400) - var(--dt-space-100))}.d-avatar--xl{--avatar-size-shape:var(--dt-size-700);--avatar-size-text:var(--dt-font-size-400);--avatar-presence-position-right:var(--dt-space-300);--avatar-presence-position-bottom:var(--dt-space-300);--avatar-presence-mask-offset-x:calc(var(--dt-space-450) - var(--dt-space-200));--avatar-presence-mask-offset-y:calc(var(--dt-space-450) - var(--dt-space-200))}.d-avatar--presence>.d-avatar__canvas,.d-avatar--presence>.d-avatar__overlay{-webkit-mask:radial-gradient(circle calc(var(--avatar-presence-mask-size)/2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y)),var(--dt-color-neutral-transparent) 92%,var(--dt-color-neutral-white) var(--dt-size-100-percent));mask:radial-gradient(circle calc(var(--avatar-presence-mask-size)/2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y)),var(--dt-color-neutral-transparent) 92%,var(--dt-color-neutral-white) var(--dt-size-100-percent))}.d-avatar--presence.d-avatar--clickable{border-color:var(--dt-color-neutral-transparent)}.d-avatar--presence.d-avatar--clickable:before{background-color:var(--dt-color-neutral-transparent);border:var(--dt-size-border-100) solid var(--avatar-color-border);border-radius:var(--dt-size-radius-circle);content:"";inset:calc(var(--dt-space-100)*-1);-webkit-mask:radial-gradient(circle calc(var(--avatar-presence-mask-size)/2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x) - var(--dt-size-100)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y) - var(--dt-size-100)),var(--dt-color-neutral-transparent) 92%,var(--dt-color-neutral-white) var(--dt-size-100-percent));mask:radial-gradient(circle calc(var(--avatar-presence-mask-size)/2) at calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-x) - var(--dt-size-100)) calc(var(--dt-size-100-percent) - var(--avatar-presence-mask-offset-y) - var(--dt-size-100)),var(--dt-color-neutral-transparent) 92%,var(--dt-color-neutral-white) var(--dt-size-100-percent));position:absolute}.d-avatar--presence>.d-presence{--presence-color-border-base:var(--dt-color-neutral-transparent)}.d-recipe-leftbar-row--selected .d-avatar--presence .d-presence,.d-recipe-leftbar-row:focus-within .d-avatar--presence .d-presence,.d-recipe-leftbar-row:hover .d-avatar--presence .d-presence,.d-recipe-leftbar-row__primary:hover .d-avatar--presence .d-presence{--presence-color-border-base:var(--dt-color-neutral-transparent)}.d-avatar--group{--avatar-size-shape:calc(var(--dt-size-300)*4.5);--avatar-count-mask-size:calc(var(--dt-size-500) + var(--dt-size-200) + var(--dt-size-100));--avatar-count-mask-outer-circle-radius:calc(var(--dt-size-400) + var(--dt-size-100));--avatar-count-mask-outer-circle-x:calc(var(--dt-size-400) + var(--dt-size-100));--avatar-count-mask-outer-circle-y:calc(var(--dt-size-400) + var(--dt-size-100));--avatar-count-mask-offset-x:var(--dt-space-100);--avatar-count-mask-offset-y:var(--dt-space-100);--avatar-count-mask-svg-w:calc(var(--dt-size-625) - var(--dt-size-200));--avatar-count-mask-svg-h:calc(var(--dt-size-500) + var(--dt-size-200));--avatar-count-color-shadow:var(--dt-color-neutral-transparent);block-size:var(--dt-size-550);inline-size:var(--dt-size-550)}.d-avatar--group.d-avatar--clickable{border:none!important}.d-avatar--group>.d-avatar__canvas,.d-avatar--group>.d-avatar__overlay{-webkit-mask:radial-gradient(circle calc(var(--avatar-count-mask-size)/2) at calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-y)),var(--dt-color-neutral-transparent) 92%,var(--dt-color-neutral-white) var(--dt-size-100-percent));mask:radial-gradient(circle calc(var(--avatar-count-mask-size)/2) at calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-x)) calc(var(--dt-size-100-percent) - var(--avatar-count-mask-offset-y)),var(--dt-color-neutral-transparent) 92%,var(--dt-color-neutral-white) var(--dt-size-100-percent));will-change:transform}.d-avatar--group-digits-2{--avatar-count-mask-offset-x:var(--dt-space-300);--avatar-count-mask-offset-y:var(--dt-space-400)}.d-avatar--group-digits-2>.d-avatar__canvas,.d-avatar--group-digits-2>.d-avatar__overlay{-webkit-mask:radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y),var(--dt-color-neutral-white) 99%,var(--dt-color-neutral-transparent) var(--dt-size-100-percent)),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="18" fill="%23fff"><rect width="40" height="18" rx="9"/></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) /var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;mask:radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y),var(--dt-color-neutral-white) 99%,var(--dt-color-neutral-transparent) var(--dt-size-100-percent)),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="18" fill="%23fff"><rect width="40" height="18" rx="9"/></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) /var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;-webkit-mask-composite:subtract;mask-composite:subtract;will-change:transform}.d-avatar--group-digits-2>.d-avatar__count{inline-size:calc(var(--dt-size-500) + var(--dt-size-200));padding-inline:var(--dt-space-0)}.d-avatar--group-digits-3{--avatar-count-mask-offset-x:var(--dt-space-300-negative);--avatar-count-mask-offset-y:var(--dt-space-400)}.d-avatar--group-digits-3>.d-avatar__canvas,.d-avatar--group-digits-3>.d-avatar__overlay{-webkit-mask:radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y),var(--dt-color-neutral-white) 99%,var(--dt-color-neutral-transparent) var(--dt-size-100-percent)),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="18" fill="%23fff"><rect width="40" height="18" rx="9"/></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) /var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;mask:radial-gradient(circle var(--avatar-count-mask-outer-circle-radius) at var(--avatar-count-mask-outer-circle-x) var(--avatar-count-mask-outer-circle-y),var(--dt-color-neutral-white) 99%,var(--dt-color-neutral-transparent) var(--dt-size-100-percent)),url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="18" fill="%23fff"><rect width="40" height="18" rx="9"/></svg>') var(--avatar-count-mask-offset-x) var(--avatar-count-mask-offset-y) /var(--avatar-count-mask-svg-w) var(--avatar-count-mask-svg-h) no-repeat;-webkit-mask-composite:subtract;mask-composite:subtract;will-change:transform}.d-avatar--group-digits-3>.d-avatar__count{inline-size:calc(var(--dt-size-550) + var(--dt-size-200));padding-inline:var(--dt-space-0)}.d-badge{--badge-color-text:var(--dt-badge-color-foreground-default);--badge-color-background:var(--dt-badge-color-background-default);--badge-color-outline:var(--dt-badge-color-border-default);--badge-radius:var(--dt-size-300);--badge-line-height:calc(var(--dt-size-500) + var(--dt-size-200));--badge-font-size:var(--dt-font-size-100);--badge-font-weight:var(--dt-font-weight-semi-bold);--badge-gap:var(--dt-space-200);--badge-letter-spacing:var(--dt-size-50);--badge-padding-y:var(--dt-space-100);--badge-padding-x:var(--dt-space-300);--badge-label-padding-x:var(--dt-space-200);--badge-text-case:none;--badge-decorative-color:var(--dt-color-black-900);align-items:center;background-color:var(--badge-color-background);border-radius:var(--badge-radius);box-sizing:border-box;color:var(--badge-color-text);display:inline-flex;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);gap:var(--badge-gap);justify-content:center;letter-spacing:var(--badge-letter-spacing);line-height:var(--badge-line-height);min-inline-size:var(--dt-size-550);padding:var(--badge-padding-y) var(--badge-padding-x);text-align:center;text-transform:var(--badge-text-case)}.d-badge--count{--badge-radius:var(--dt-size-radius-pill);--badge-padding-x:calc(var(--dt-space-400) - var(--dt-space-100));--badge-padding-y:var(--dt-space-300);--badge-line-height:var(--dt-size-500);--badge-label-padding-x:var(--dt-space-0);--badge-gap:var(--dt-space-300)}.d-badge--info{--badge-color-background:var(--dt-badge-color-background-info)}.d-badge--success{--badge-color-background:var(--dt-badge-color-background-success)}.d-badge--warning{--badge-color-background:var(--dt-badge-color-background-warning)}.d-badge--critical{--badge-color-background:var(--dt-badge-color-background-critical)}.d-badge--bulletin{--badge-color-text:var(--dt-badge-color-foreground-bulletin);--badge-color-background:var(--dt-badge-color-background-bulletin)}.d-badge--bulletin.d-badge--subtle{--badge-color-text:var(--dt-badge-color-foreground-bulletin-subtle);--badge-color-background:var(--dt-badge-color-background-bulletin-subtle);--badge-color-outline:var(--dt-badge-color-border-bulletin-subtle)}.d-badge--ai{--badge-color-text:var(--dt-badge-color-foreground-ai);--badge-color-background:var(--dt-color-brand-magenta);background-image:var(--dt-badge-color-background-ai);text-shadow:var(--dt-size-50) var(--dt-size-50) 0 hsl(var(--dt-color-neutral-black-h),var(--dt-color-neutral-black-s),var(--dt-color-neutral-black-l),.6)}.d-badge--outlined{box-shadow:0 0 0 var(--dt-size-border-100) var(--badge-color-outline) inset}.d-badge--decorate-black-400{--badge-decorative-color:var(--dt-color-black-400)}.d-badge--decorate-black-500{--badge-decorative-color:var(--dt-color-black-500)}.d-badge--decorate-black-900{--badge-decorative-color:var(--dt-color-black-900)}.d-badge--decorate-red-200{--badge-decorative-color:var(--dt-color-red-200)}.d-badge--decorate-red-300{--badge-decorative-color:var(--dt-color-red-300)}.d-badge--decorate-red-400{--badge-decorative-color:var(--dt-color-red-400)}.d-badge--decorate-purple-200{--badge-decorative-color:var(--dt-color-purple-200)}.d-badge--decorate-purple-300{--badge-decorative-color:var(--dt-color-purple-300)}.d-badge--decorate-purple-400{--badge-decorative-color:var(--dt-color-purple-400)}.d-badge--decorate-purple-500{--badge-decorative-color:var(--dt-color-purple-500)}.d-badge--decorate-blue-200{--badge-decorative-color:var(--dt-color-blue-200)}.d-badge--decorate-blue-300{--badge-decorative-color:var(--dt-color-blue-300)}.d-badge--decorate-blue-400{--badge-decorative-color:var(--dt-color-blue-400)}.d-badge--decorate-green-300{--badge-decorative-color:var(--dt-color-green-300)}.d-badge--decorate-green-400{--badge-decorative-color:var(--dt-color-green-400)}.d-badge--decorate-green-500{--badge-decorative-color:var(--dt-color-green-500)}.d-badge--decorate-gold-300{--badge-decorative-color:var(--dt-color-gold-300)}.d-badge--decorate-gold-400{--badge-decorative-color:var(--dt-color-gold-400)}.d-badge--decorate-gold-500{--badge-decorative-color:var(--dt-color-gold-500)}.d-badge--decorate-magenta-200{--badge-decorative-color:var(--dt-color-magenta-200)}.d-badge--decorate-magenta-300{--badge-decorative-color:var(--dt-color-magenta-300)}.d-badge--decorate-magenta-400{--badge-decorative-color:var(--dt-color-magenta-400)}.d-badge__decorative{-webkit-margin-start:var(--dt-space-200);background-color:var(--badge-decorative-color);border-radius:var(--dt-size-200);display:inline-flex;height:var(--dt-size-400);margin-inline-start:var(--dt-space-200);width:var(--dt-size-400)}.d-badge__label{align-items:center;display:flex;padding-inline:var(--badge-label-padding-x)}.d-badge__icon-left,.d-badge__icon-right{display:flex}.d-badge__icon-left{-webkit-padding-start:var(--dt-space-100);padding-inline-start:var(--dt-space-100)}.d-badge__icon-right{-webkit-padding-end:var(--dt-space-100);padding-inline-end:var(--dt-space-100)}.d-breadcrumbs{--breadcrumbs-font-size:var(--dt-font-size-200);--breadcrumbs-line-height:var(--dt-font-line-height-300);--breadcrumbs-color-separator:var(--dt-color-foreground-muted);--breadcrumbs-color-text:var(--dt-color-link-muted)}.d-breadcrumbs--inverted{--breadcrumbs-color-separator:var(--dt-color-foreground-muted-inverted);--breadcrumbs-color-text:var(--dt-color-link-muted-inverted)}.d-breadcrumbs>ol{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:var(--breadcrumbs-font-size);line-height:var(--breadcrumbs-line-height);list-style:none;margin:0;padding:0}.d-breadcrumbs__item{list-style:none;margin:0 0 0 var(--dt-space-400);padding:0;position:relative}.d-breadcrumbs__item:not(:last-of-type){margin-right:var(--dt-space-450)}.d-breadcrumbs__item:not(:last-of-type):before{color:var(--breadcrumbs-color-separator);content:"/";margin-top:var(--dt-space-100-negative);position:absolute;right:var(--dt-space-450-negative)}.d-breadcrumbs__item .d-link{color:var(--breadcrumbs-color-text);text-decoration:none}.d-breadcrumbs__item .d-link:hover{text-decoration:underline}.d-breadcrumbs__item--selected{--breadcrumbs-color-text:var(--dt-color-foreground-primary);cursor:default;font-weight:var(--dt-font-weight-medium)}.d-breadcrumbs--inverted .d-breadcrumbs__item--selected{--breadcrumbs-color-text:var(--dt-color-foreground-primary-inverted)}.d-btn,.d-btn--md{--button-color-text:var(--dt-action-color-foreground-base-default);--button-color-background:var(--dt-action-color-background-base-default);--button-color-border:transparent;--button-gap:calc(var(--button-padding-x)/2);--button-border-radius:var(--dt-button-size-radius-md);--button-border-width:var(--dt-size-border-100);--button-typography:var(--dt-typography-button-md);--button-padding-y-xs:calc(var(--dt-space-400) - var(--dt-space-100) - var(--button-border-width));--button-padding-x-xs:calc(var(--dt-space-400) - var(--button-border-width));--button-padding-y-sm:calc(var(--dt-space-400) - var(--button-border-width));--button-padding-x-sm:calc(var(--dt-space-450) - var(--button-border-width));--button-padding-y-md:calc(var(--dt-space-400) - var(--button-border-width));--button-padding-x-md:calc(var(--dt-space-450) - var(--button-border-width));--button-padding-y-lg:calc(var(--dt-space-400) + var(--dt-space-200) - var(--button-border-width));--button-padding-x-lg:calc(var(--dt-space-500) - var(--button-border-width));--button-padding-y-xl:calc(var(--dt-space-450) - var(--button-border-width));--button-padding-x-xl:calc(var(--dt-space-500) - var(--button-border-width));--button-padding-y:var(--button-padding-y-md);--button-padding-x:var(--button-padding-x-md);fill:currentColor;align-items:center;background-color:var(--button-color-background);border-color:var(--button-color-border);border-radius:var(--button-border-radius);border-style:solid;border-width:var(--button-border-width);box-sizing:border-box;color:var(--button-color-text);cursor:pointer;display:inline-flex;font:var(--button-typography);gap:var(--button-gap);justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);position:relative;text-decoration:none;text-transform:inherit;transition-duration:var(--td100);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.d-btn--md:hover:not([disabled]),.d-btn:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-base-hover);--button-color-background:var(--dt-action-color-background-base-hover)}.d-btn--md.d-btn--active:active:not([disabled]),.d-btn--md.d-btn--active:not([disabled]),.d-btn--md:active:not([disabled]),.d-btn.d-btn--active:active:not([disabled]),.d-btn.d-btn--active:not([disabled]),.d-btn:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-base-active);--button-color-background:var(--dt-action-color-background-base-active)}.d-btn--md:focus-visible,.d-btn:focus-visible{box-shadow:var(--dt-shadow-focus);outline:none}.d-btn--md[disabled],.d-btn[disabled]{--button-color-border:transparent!important;--button-color-text:var(--dt-action-color-foreground-disabled-default)!important;--button-color-background:var(--dt-action-color-background-disabled-default)!important;cursor:not-allowed;transition:none}.d-btn--unstyled{all:unset;align-content:center;align-items:center;color:inherit;cursor:pointer;display:inline-flex;font:inherit}.d-btn--unstyled:focus-visible{box-shadow:var(--dt-shadow-focus);outline:none}.d-btn--xs{--button-typography:var(--dt-typography-button-xs);--button-padding-y:var(--button-padding-y-xs);--button-padding-x:var(--button-padding-x-xs);--button-border-radius:var(--dt-button-size-radius-xs)}.d-btn--sm{--button-typography:var(--dt-typography-button-sm);--button-padding-y:var(--button-padding-y-sm);--button-padding-x:var(--button-padding-x-sm);--button-border-radius:var(--dt-button-size-radius-sm)}.d-btn--lg{--button-typography:var(--dt-typography-button-lg);--button-padding-y:var(--button-padding-y-lg);--button-padding-x:var(--button-padding-x-lg);--button-border-radius:var(--dt-button-size-radius-lg)}.d-btn--xl{--button-typography:var(--dt-typography-button-xl);--button-padding-y:var(--button-padding-y-xl);--button-padding-x:var(--button-padding-x-xl);--button-border-radius:var(--dt-button-size-radius-xl)}.d-btn__label{align-items:center;display:inline-flex;flex:1 auto;justify-content:center}.d-btn--vertical{flex-direction:column}.d-btn__icon{display:flex}.d-btn__icon--left,.d-btn__icon--top{order:-1}.d-btn__icon--bottom,.d-btn__icon--right{order:1}.d-btn__icon--left:not(:only-child){margin-left:var(--dt-space-200-negative)}.d-btn__icon--right:not(:only-child){margin-right:var(--dt-space-200-negative)}.d-btn--circle{--button-padding-x:var(--button-padding-y-md);--button-padding-y:var(--button-padding-y-md);--button-color-text:var(--dt-action-color-foreground-muted-default);--button-border-radius:var(--dt-size-radius-circle)}.d-btn--circle:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-muted-hover);--button-color-background:var(--dt-action-color-background-muted-hover)}.d-btn--circle.d-btn--active:active:not([disabled]),.d-btn--circle.d-btn--active:not([disabled]),.d-btn--circle:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-muted-active);--button-color-background:var(--dt-action-color-background-muted-active)}.d-btn--circle .d-btn__icon{margin:unset}.d-btn--circle.d-btn__label{display:none}.d-btn--circle.d-btn--outlined{--button-color-border:var(--dt-action-color-border-muted-outlined-default)}.d-btn--circle.d-btn--xs{--button-padding-y:var(--button-padding-y-xs);--button-padding-x:var(--button-padding-y-xs)}.d-btn--circle.d-btn--sm{--button-padding-y:var(--button-padding-y-sm);--button-padding-x:var(--button-padding-y-sm)}.d-btn--circle.d-btn--md{--button-padding-x:var(--button-padding-y-md);--button-padding-y:var(--button-padding-y-md)}.d-btn--circle.d-btn--lg{--button-padding-x:calc(var(--button-padding-y-lg) + var(--dt-space-100));--button-padding-y:calc(var(--button-padding-y-lg) + var(--dt-space-100))}.d-btn--circle.d-btn--xl{--button-padding-x:calc(var(--button-padding-y-xl) + var(--dt-space-300));--button-padding-y:calc(var(--button-padding-y-xl) + var(--dt-space-300))}.d-btn--outlined{--button-color-border:var(--dt-action-color-border-base-outlined-default)}.d-btn--primary{--button-color-text:var(--dt-action-color-foreground-base-primary-default);--button-color-background:var(--dt-action-color-background-base-primary-default)}.d-btn--primary:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-base-primary-default);--button-color-background:var(--dt-action-color-background-base-primary-hover)}.d-btn--primary.d-btn--active:active:not([disabled]),.d-btn--primary.d-btn--active:not([disabled]),.d-btn--primary:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-base-primary-default);--button-color-background:var(--dt-action-color-background-base-primary-active)}.d-btn--muted{--button-color-text:var(--dt-action-color-foreground-muted-default)}.d-btn--muted:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-muted-hover);--button-color-background:var(--dt-action-color-background-muted-hover)}.d-btn--muted.d-btn--active:active:not([disabled]),.d-btn--muted.d-btn--active:not([disabled]),.d-btn--muted:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-muted-active);--button-color-background:var(--dt-action-color-background-muted-active)}.d-btn--muted.d-btn--outlined{--button-color-border:var(--dt-action-color-border-muted-outlined-default)}.d-btn--danger{--button-color-text:var(--dt-action-color-foreground-critical-default);--button-color-background:var(--dt-action-color-background-critical-default)}.d-btn--danger:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-critical-hover);--button-color-background:var(--dt-action-color-background-critical-hover)}.d-btn--danger.d-btn--active:active:not([disabled]),.d-btn--danger.d-btn--active:not([disabled]),.d-btn--danger:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-critical-active);--button-color-background:var(--dt-action-color-background-critical-active)}.d-btn--danger.d-btn--outlined{--button-color-border:var(--dt-action-color-border-critical-outlined-default)}.d-btn--danger.d-btn--primary{--button-color-text:var(--dt-action-color-foreground-critical-primary-default);--button-color-background:var(--dt-action-color-background-critical-primary-default)}.d-btn--danger.d-btn--primary:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-critical-primary-default);--button-color-background:var(--dt-action-color-background-critical-primary-hover)}.d-btn--danger.d-btn--primary.d-btn--active:active:not([disabled]),.d-btn--danger.d-btn--primary.d-btn--active:not([disabled]),.d-btn--danger.d-btn--primary:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-critical-primary-default);--button-color-background:var(--dt-action-color-background-critical-primary-active)}.d-btn--positive{--button-color-text:var(--dt-action-color-foreground-positive-default);--button-color-background:var(--dt-action-color-background-positive-default)}.d-btn--positive:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-positive-hover);--button-color-background:var(--dt-action-color-background-positive-hover)}.d-btn--positive.d-btn--active:active:not([disabled]),.d-btn--positive.d-btn--active:not([disabled]),.d-btn--positive:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-positive-active);--button-color-background:var(--dt-action-color-background-positive-active)}.d-btn--positive.d-btn--outlined{--button-color-border:var(--dt-action-color-border-positive-outlined-default)}.d-btn--positive.d-btn--primary{--button-color-text:var(--dt-action-color-foreground-positive-primary-default);--button-color-background:var(--dt-action-color-background-positive-primary-default)}.d-btn--positive.d-btn--primary:hover:not([disabled]){--button-color-text:var(--dt-action-color-foreground-positive-primary-default);--button-color-background:var(--dt-action-color-background-positive-primary-hover)}.d-btn--positive.d-btn--primary.d-btn--active:active:not([disabled]),.d-btn--positive.d-btn--primary.d-btn--active:not([disabled]),.d-btn--positive.d-btn--primary:active:not([disabled]){--button-color-text:var(--dt-action-color-foreground-positive-primary-default);--button-colo