/* screen - dscomponentsbuttonsoverview */

.dscomponentsbuttonsoverview {
  background-color:var(--white);
  height:100vh;
  margin:0px;
  min-height:1563px;
  min-width:1440px;
  overflow:hidden;
  position:relative;
  width:100%;
}
.dscomponentsbuttonsoverview .block-btn-types-C61RwL {
  background-color:transparent;
  height:784px;
  left:344px;
  position:absolute;
  top:490px;
  width:853px;
}
.dscomponentsbuttonsoverview .block-h16---with-icon-gljnqF {
  background-color:transparent;
  height:312px;
  left:446px;
  position:absolute;
  top:472px;
  width:407px;
}
.dscomponentsbuttonsoverview .block-h48---secondary-gljnqF {
  background-color:transparent;
  height:296px;
  left:446px;
  position:absolute;
  top:96px;
  width:407px;
}
.dscomponentsbuttonsoverview .block-h48--e-tertiary-gljnqF {
  background-color:transparent;
  height:312px;
  left:0px;
  position:absolute;
  top:472px;
  width:407px;
}
.dscomponentsbuttonsoverview .block-h48--ed-primary-gljnqF {
  background-color:transparent;
  height:296px;
  left:0px;
  position:absolute;
  top:96px;
  width:406px;
}
.dscomponentsbuttonsoverview .button-types-gljnqF {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:0px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dscomponentsbuttonsoverview .buttons-communicate-C61RwL {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:344px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:346px;
  white-space:nowrap;
  width:674px;
}
.dscomponentsbuttonsoverview .can-be-used-inline-b-im1NtM {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:264px;
  width:407px;
}
.dscomponentsbuttonsoverview .ex-btn-ove-btn-filled-cp4TP1 {
  background-color:transparent;
  height:208px;
  left:0px;
  position:absolute;
  top:0px;
  width:406px;
}
.dscomponentsbuttonsoverview .ex-btn-ove-btn-stroke-wQm9SD {
  background-color:transparent;
  height:208px;
  left:0px;
  position:absolute;
  top:0px;
  width:407px;
}
.dscomponentsbuttonsoverview .ex-btn-ove-t-txt-icon-im1NtM {
  background-color:transparent;
  height:224px;
  left:0px;
  position:absolute;
  top:0px;
  width:407px;
}
.dscomponentsbuttonsoverview .ex-btn-ove-tn-stroke2-IhM6Ns {
  background-color:transparent;
  height:224px;
  left:0px;
  position:absolute;
  top:0px;
  width:407px;
}
.dscomponentsbuttonsoverview .filled-primary-butto-cp4TP1 {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:224px;
  white-space:nowrap;
  width:240px;
}
.dscomponentsbuttonsoverview .flat-button-with-ico-im1NtM {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:240px;
  white-space:nowrap;
  width:240px;
}
.dscomponentsbuttonsoverview .group-C61RwL {
  background-color:transparent;
  background-image:url(../img/ds-components-buttons-overview-dsnavsidenav-ui-components-5796BF7E-22D9-46FE-9202-13496393EFFE@2x.png);
  background-size:100% 100%;
  height:1563px;
  left:0px;
  position:fixed;
  top:0px;
  width:280px;
}
.dscomponentsbuttonsoverview .heading-pquVBP {
  background-color:transparent;
  color:var(--black);
  font-size:48.0px;
  height:auto;
  left:0px;
  line-height:56.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:1032px;
}
.dscomponentsbuttonsoverview .link-g-C61RwL {
  background-color:var(--white);
  height:52px;
  left:449px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:165px;
  transition:all 0.2s ease-in-out;
  width:129px;
}
.dscomponentsbuttonsoverview .link-g-C61RwL:hover {

opacity: 0.3;
}
.dscomponentsbuttonsoverview .link-g-Y8Zmvt {
  background-color:transparent;
  height:54px;
  left:0px;
  pointer-events:auto;
  position:absolute;
  top:158px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dscomponentsbuttonsoverview .link-g-Y8Zmvt:hover {

opacity: 0.3;
}
.dscomponentsbuttonsoverview .link-index-Y8Zmvt {
  background-color:var(--white);
  height:69px;
  left:65px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:0px;
  transition:all 0.2s ease-in-out;
  width:150px;
}
.dscomponentsbuttonsoverview .link-index-Y8Zmvt:hover {

opacity: 0.3;
}
.dscomponentsbuttonsoverview .link-m-Y8Zmvt {
  background-color:transparent;
  height:55px;
  left:0px;
  pointer-events:auto;
  position:absolute;
  top:806px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dscomponentsbuttonsoverview .link-m-Y8Zmvt:hover {

opacity: 0.3;
}
.dscomponentsbuttonsoverview .link-ux-Y8Zmvt {
  background-color:var(--white);
  height:22px;
  left:82px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:94px;
  transition:all 0.2s ease-in-out;
  width:83px;
}
.dscomponentsbuttonsoverview .link-ux-Y8Zmvt:hover {

opacity: 0.3;
}
.dscomponentsbuttonsoverview .links-ui-componenets-NOXmfT {
  background-color:transparent;
  height:861px;
  left:0px;
  position:relative;
  top:55px;
  width:280px;
}
.dscomponentsbuttonsoverview .navigationpageheader-C61RwL {
  background-color:transparent;
  height:170px;
  left:344px;
  position:absolute;
  top:48px;
  width:1033px;
}
.dscomponentsbuttonsoverview .rectangle-Qdy6Nn {
  background-color:var(--lima);
  height:4px;
  left:0px;
  position:absolute;
  top:38px;
  width:101px;
}
.dscomponentsbuttonsoverview .rectangle-Y8Zmvt {
  background-color:var(--white);
  height:54px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:638px;
  transition:all 0.2s ease-in-out;
  width:279px;
}
.dscomponentsbuttonsoverview .rectangle-Y8Zmvt:hover {

opacity: 0.3;
}
.dscomponentsbuttonsoverview .separator-pquVBP {
  background-color:transparent;
  background-image:url(../img/ds-components-buttons-specification-rectangle-4B780D82-EC9F-4935-9201-06915B2C7401.png);
  background-size:100% 100%;
  height:1px;
  left:0px;
  position:absolute;
  top:169px;
  width:1032px;
}
.dscomponentsbuttonsoverview .stroke-secondary-but-wQm9SD {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:224px;
  white-space:nowrap;
  width:240px;
}
.dscomponentsbuttonsoverview .stroke-tertiary-butt-IhM6Ns {
  background-color:transparent;
  color:var(--black);
  font-size:18.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:240px;
  white-space:nowrap;
  width:240px;
}
.dscomponentsbuttonsoverview .subheading-pquVBP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:56px;
  white-space:nowrap;
  width:1033px;
}
.dscomponentsbuttonsoverview .tab-01-YucixD {
  background-color:transparent;
  height:42px;
  left:0px;
  position:absolute;
  top:0px;
  width:101px;
}
.dscomponentsbuttonsoverview .tab-02-YucixD {
  background-color:transparent;
  height:24px;
  left:117px;
  pointer-events:auto;
  position:absolute;
  top:0px;
  transition:all 0.2s ease-in-out;
  width:96px;
}
.dscomponentsbuttonsoverview .tab-02-YucixD:hover {

opacity: 0.7;
}
.dscomponentsbuttonsoverview .tab-6RcCGg {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:-1px;
  line-height:24.0px;
  position:absolute;
  text-align:center;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dscomponentsbuttonsoverview .tab-Qdy6Nn {
  background-color:transparent;
  color:var(--lima);
  font-size:16.0px;
  height:auto;
  left:15px;
  line-height:24.0px;
  position:absolute;
  text-align:center;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dscomponentsbuttonsoverview .tabs-pquVBP {
  background-color:transparent;
  height:42px;
  left:0px;
  position:absolute;
  top:128px;
  width:272px;
}
.dscomponentsbuttonsoverview .usage-C61RwL {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:344px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:281px;
  white-space:nowrap;
  width:auto;
}
.dscomponentsbuttonsoverview .used-to-direct-the-u-cp4TP1 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:248px;
  width:406px;
}
.dscomponentsbuttonsoverview .used-to-indicate-a-s-wQm9SD {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:248px;
  width:407px;
}
.dscomponentsbuttonsoverview .used-to-indicate-an-IhM6Ns {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:264px;
  width:407px;
}
.font-class-1 {
  font-family:"SFProDisplay-Regular", Helvetica, Arial, serif;
}
.font-class-2 {
  font-family:"SFProDisplay-Bold", Helvetica, Arial, serif;
}
.font-class-3 {
  font-family:"SFProDisplay-Semibold", Helvetica, Arial, serif;
}
.font-class-4 {
  font-family:"SFProDisplay-Light", Helvetica, Arial, serif;
}
.font-class-5 {
  color:var(--granite-gray);
  font-family:"SFProDisplay-Regular", Helvetica, Arial, serif;
  font-size:10.0px;
  letter-spacing:2.00px;
  line-height:16.0px;
}
.font-class-6 {
  color:var(--black);
  font-family:'Roboto', Helvetica, Arial, serif;
  font-style:normal;
  font-weight:700;
}
:root {
  --alabaster:rgba(250,250,250,1.0);
  --black:rgba(0,0,0,1.0);
  --bon-jour:rgba(226,226,226,1.0);
  --celeste:rgba(204,204,204,1.0);
  --cerise-red:rgba(235,49,91,1.0);
  --crimson:rgba(218,27,27,1.0);
  --deluge:rgba(123,99,171,1.0);
  --dingley:rgba(90,113,73,1.0);
  --granite-gray:rgba(102,102,102,1.0);
  --lima:rgba(108,199,39,1.0);
  --mine-shaft:rgba(51,51,51,1.0);
  --mountain-mist:rgba(153,153,153,1.0);
  --sea-buckthorn:rgba(250,163,47,1.0);
  --sea-serpent:rgba(74,198,228,1.0);
  --white:rgba(255,255,255,1.0);
}