/* screen - dsuxwireframes */

.dsuxwireframes {
  background-color:var(--white);
  height:100vh;
  margin:0px;
  min-height:1400px;
  min-width:1440px;
  overflow:hidden;
  position:relative;
  width:100%;
}
.dsuxwireframes .doc-8-C61RwL {
  background-color:transparent;
  height:374px;
  left:310px;
  position:absolute;
  top:325px;
  width:474px;
}
.dsuxwireframes .group-C61RwL {
  background-color:transparent;
  background-image:url(../img/ds-ux-wireframes-dsnavsidenav-ux-1566134F-9E82-4B05-A450-6FF43DECD1ED@2x.png);
  background-size:100% 100%;
  height:1400px;
  left:0px;
  position:fixed;
  top:0px;
  width:280px;
}
.dsuxwireframes .group-xJw3xQ {
  background-color:transparent;
  height:21px;
  left:1px;
  position:relative;
  top:1px;
  width:17px;
}
.dsuxwireframes .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;
}
.dsuxwireframes .icon-cNLoGS {
  background-color:transparent;
  height:22px;
  left:0px;
  opacity:0.6;
  position:absolute;
  top:1px;
  width:18px;
}
.dsuxwireframes .link-1-C61RwL {
  background-color:transparent;
  height:24px;
  left:347px;
  position:absolute;
  top:673px;
  width:115px;
}
.dsuxwireframes .link-cNLoGS {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:37px;
  line-height:24.0px;
  opacity:0.3;
  position:absolute;
  text-align:left;
  text-decoration:underline;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsuxwireframes .link-ia-AxhHNn {
  background-color:var(--white);
  height:56px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:438px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsuxwireframes .link-ia-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-index-AxhHNn {
  background-color:var(--white);
  height:72px;
  left:72px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:0px;
  transition:all 0.2s ease-in-out;
  width:138px;
}
.dsuxwireframes .link-index-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-p-id-AxhHNn {
  background-color:var(--white);
  height:56px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:158px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsuxwireframes .link-p-id-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-rrm-AxhHNn {
  background-color:var(--white);
  height:56px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:382px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsuxwireframes .link-rrm-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-u-AxhHNn {
  background-color:var(--white);
  height:56px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:214px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsuxwireframes .link-u-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-ujm-AxhHNn {
  background-color:var(--white);
  height:56px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:326px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsuxwireframes .link-ujm-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-up-AxhHNn {
  background-color:var(--white);
  height:56px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:270px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsuxwireframes .link-up-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-ux-AxhHNn {
  background-color:var(--white);
  height:23px;
  left:123px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:94px;
  transition:all 0.2s ease-in-out;
  width:72px;
}
.dsuxwireframes .link-ux-AxhHNn:hover {

opacity: 0.3;
}
.dsuxwireframes .link-wf-AxhHNn {
  background-color:transparent;
  height:56px;
  left:0px;
  position:absolute;
  top:494px;
  width:280px;
}
.dsuxwireframes .links-ux-NOXmfT {
  background-color:transparent;
  height:550px;
  left:0px;
  position:relative;
  top:54px;
  width:280px;
}
.dsuxwireframes .navigationpageheader-C61RwL {
  background-color:transparent;
  height:170px;
  left:344px;
  position:absolute;
  top:48px;
  width:1033px;
}
.dsuxwireframes .path-fccJyG {
  background-color:transparent;
  height:8px;
  left:3px;
  position:absolute;
  top:-1px;
  width:10px;
}
.dsuxwireframes .rectangle-fccJyG {
  background-color:transparent;
  height:15px;
  left:-1px;
  position:absolute;
  top:6px;
  width:18px;
}
.dsuxwireframes .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:64px;
  white-space:nowrap;
  width:1033px;
}
.dsuxwireframes .wireframes-are-simpl-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:176px;
  width:764px;
}
.dsuxwireframes .wireframing-is-an-im-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:254px;
  width:764px;
}
.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);
}