.jss71 {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: block;
         z-index: 0;
         position: absolute;
         overflow: hidden;
         border-radius: inherit;
         pointer-events: none;
         }
         .jss72 {
         top: 0;
         left: 0;
         width: 50px;
         height: 50px;
         opacity: 0;
         position: absolute;
         }
         .jss73 {
         opacity: 0.3;
         transform: scale(1);
         animation: mui-ripple-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
         animation-name: $mui-ripple-enter;
         }
         .jss74 {
         animation-duration: 200ms;
         }
         .jss75 {
         width: 100%;
         height: 100%;
         opacity: 1;
         display: block;
         border-radius: 50%;
         background-color: currentColor;
         }
         .jss76 {
         opacity: 0;
         animation: mui-ripple-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
         animation-name: $mui-ripple-exit;
         }
         .jss77 {
         top: 0;
         left: 0;
         position: absolute;
         animation: mui-ripple-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
         animation-name: $mui-ripple-pulsate;
         }
         @-webkit-keyframes mui-ripple-enter {
         0% {
         opacity: 0.1;
         transform: scale(0);
         }
         100% {
         opacity: 0.3;
         transform: scale(1);
         }
         }
         @-webkit-keyframes mui-ripple-exit {
         0% {
         opacity: 1;
         }
         100% {
         opacity: 0;
         }
         }
         @-webkit-keyframes mui-ripple-pulsate {
         0% {
         transform: scale(1);
         }
         50% {
         transform: scale(0.92);
         }
         100% {
         transform: scale(1);
         }
         }
      
      .jss34 {
         color: inherit;
         border: 0;
         margin: 0;
         cursor: pointer;
         display: inline-flex;
         outline: none;
         padding: 0;
         position: relative;
         align-items: center;
         user-select: none;
         border-radius: 0;
         vertical-align: middle;
         justify-content: center;
         -moz-appearance: none;
         text-decoration: none;
         background-color: transparent;
         -webkit-appearance: none;
         -webkit-tap-highlight-color: transparent;
         }
         .jss34::-moz-focus-inner {
         border-style: none;
         }
         .jss34.jss35 {
         cursor: default;
         pointer-events: none;
         }
          .jss28 {
         flex: 0 0 auto;
         color: rgba(0, 0, 0, 0.54);
         padding: 12px;
         overflow: visible;
         font-size: 1.5rem;
         text-align: center;
         transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         border-radius: 50%;
         }
         .jss28:hover {
         background-color: rgba(0, 0, 0, 0.08);
         }
         .jss28.jss32 {
         color: rgba(0, 0, 0, 0.26);
         }
         @media (hover: none) {
         .jss28:hover {
         background-color: transparent;
         }
         }
         .jss28:hover.jss32 {
         background-color: transparent;
         }
         .jss29 {
         color: inherit;
         }
         .jss30 {
         color: #2196f3;
         }
         .jss30:hover {
         background-color: rgba(33, 150, 243, 0.08);
         }
         @media (hover: none) {
         .jss30:hover {
         background-color: transparent;
         }
         }
         .jss31 {
         color: #2196f3;
         }
         .jss31:hover {
         background-color: rgba(33, 150, 243, 0.08);
         }
         @media (hover: none) {
         .jss31:hover {
         background-color: transparent;
         }
         }
         .jss33 {
         width: 100%;
         display: flex;
         align-items: inherit;
         justify-content: inherit;
         }
         .jss63 {
         z-index: 1500;
         opacity: 0.9;
         pointer-events: none;
         }
         .jss64 {
         pointer-events: auto;
         }
         .jss65 {
         color: #fff;
         padding: 4px 8px;
         font-size: 0.625rem;
         max-width: 300px;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.4em;
         border-radius: 4px;
         background-color: #616161;
         }
         .jss66 {
         padding: 8px 16px;
         font-size: 0.875rem;
         line-height: 1.14286em;
         }
         .jss67 {
         margin: 0 24px ;
         transform-origin: right center;
         }
         @media (min-width:600px) {
         .jss67 {
         margin: 0 14px;
         }
         }
         .jss68 {
         margin: 0 24px;
         transform-origin: left center;
         }
         @media (min-width:600px) {
         .jss68 {
         margin: 0 14px;
         }
         }
         .jss69 {
         margin: 24px 0;
         transform-origin: center bottom;
         }
         @media (min-width:600px) {
         .jss69 {
         margin: 14px 0;
         }
         }
         .jss70 {
         margin: 24px 0;
         transform-origin: center top;
         }
         @media (min-width:600px) {
         .jss70 {
         margin: 14px 0;
         }
         }
         .jss1 {
         background-color: #fff;
         }
         .jss2 {
         border-radius: 4px;
         }
         .jss3 {
         box-shadow: none;
         }
         .jss4 {
         box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);
         }
         .jss5 {
         box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
         }
         .jss6 {
         box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12);
         }
         .jss7 {
         box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
         }
         .jss8 {
         box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
         }
         .jss9 {
         box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
         }
         .jss10 {
         box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
         }
         .jss11 {
         box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
         }
         .jss12 {
         box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
         }
         .jss13 {
         box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
         }
         .jss14 {
         box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
         }
         .jss15 {
         box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
         }
         .jss16 {
         box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
         }
         .jss17 {
         box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
         }
         .jss18 {
         box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
         }
         .jss19 {
         box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
         }
         .jss20 {
         box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
         }
         .jss21 {
         box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
         }
         .jss22 {
         box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
         }
         .jss23 {
         box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
         }
         .jss24 {
         box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
         }
         .jss25 {
         box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
         }
         .jss26 {
         box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
         }
         .jss27 {
         box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
         }
         .jss37 {
         color: rgba(0, 0, 0, 0.87);
         cursor: text;
         display: inline-flex;
         font-size: 1rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.1875em;
         align-items: center;
         }
         .jss37.jss40 {
         color: rgba(0, 0, 0, 0.38);
         cursor: default;
         }
         .jss45 {
         padding: 6px 0 7px;
         }
         .jss46 {
         width: 100%;
         }
         .jss47 {
         font: inherit;
         color: currentColor;
         width: 100%;
         border: 0;
         margin: 0;
         padding: 6px 0 7px;
         display: block;
         min-width: 0;
         box-sizing: content-box;
         background: none;
         -webkit-tap-highlight-color: transparent;
         }
         .jss47::-webkit-input-placeholder {
         color: currentColor;
         opacity: 0.42;
         transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         }
         .jss47::-moz-placeholder {
         color: currentColor;
         opacity: 0.42;
         transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         }
         .jss47:-ms-input-placeholder {
         color: currentColor;
         opacity: 0.42;
         transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         }
         .jss47::-ms-input-placeholder {
         color: currentColor;
         opacity: 0.42;
         transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         }
         .jss47:focus {
         outline: 0;
         }
         .jss47:invalid {
         box-shadow: none;
         }
         .jss47::-webkit-search-decoration {
         -webkit-appearance: none;
         }
         .jss47.jss40 {
         opacity: 1;
         }
         label[data-shrink=false] + .jss38 .jss47::-webkit-input-placeholder {
         opacity: 0;
         }
         label[data-shrink=false] + .jss38 .jss47::-moz-placeholder {
         opacity: 0;
         }
         label[data-shrink=false] + .jss38 .jss47:-ms-input-placeholder {
         opacity: 0;
         }
         label[data-shrink=false] + .jss38 .jss47::-ms-input-placeholder {
         opacity: 0;
         }
         label[data-shrink=false] + .jss38 .jss47:focus::-webkit-input-placeholder {
         opacity: 0.42;
         }
         label[data-shrink=false] + .jss38 .jss47:focus::-moz-placeholder {
         opacity: 0.42;
         }
         label[data-shrink=false] + .jss38 .jss47:focus:-ms-input-placeholder {
         opacity: 0.42;
         }
         label[data-shrink=false] + .jss38 .jss47:focus::-ms-input-placeholder {
         opacity: 0.42;
         }
         .jss48 {
         padding-top: 3px;
         }
         .jss49 {
         resize: none;
         padding: 0;
         }
         .jss50 {
         height: 1.1875em;
         }
         .jss51 {
         -moz-appearance: textfield;
         -webkit-appearance: textfield;
         }
         .jss54 {
         fill: currentColor;
         width: 1em;
         height: 1em;
         display: inline-block;
         font-size: 24px;
         transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         user-select: none;
         flex-shrink: 0;
         }
         .jss55 {
         color: #2196f3;
         }
         .jss56 {
         color: #2196f3;
         }
         .jss57 {
         color: rgba(0, 0, 0, 0.54);
         }
         .jss58 {
         color: #f44336;
         }
         .jss59 {
         color: rgba(0, 0, 0, 0.26);
         }
         .jss60 {
         font-size: inherit;
         }
         .jss61 {
         font-size: 20px;
         }
         .jss62 {
         font-size: 35px;
         }
            .jss156 {
         margin: 0;
         display: block;
         }
         .jss157 {
         color: rgba(0, 0, 0, 0.54);
         font-size: 7rem;
         font-weight: 300;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.14286em;
         margin-left: -.04em;
         letter-spacing: -.04em;
         }
         .jss158 {
         color: rgba(0, 0, 0, 0.54);
         font-size: 3.5rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.30357em;
         margin-left: -.02em;
         letter-spacing: -.02em;
         }
         .jss159 {
         color: rgba(0, 0, 0, 0.54);
         font-size: 2.8125rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.13333em;
         margin-left: -.02em;
         }
         .jss160 {
         color: rgba(0, 0, 0, 0.54);
         font-size: 2.125rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.20588em;
         }
         .jss161 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 1.5rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.35417em;
         }
         .jss162 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 1.3125rem;
         font-weight: 500;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.16667em;
         }
         .jss163 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 1rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.5em;
         }
         .jss164 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 0.875rem;
         font-weight: 500;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.71429em;
         }
         .jss165 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 0.875rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.46429em;
         }
         .jss166 {
         color: rgba(0, 0, 0, 0.54);
         font-size: 0.75rem;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.375em;
         }
         .jss167 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 0.875rem;
         font-weight: 500;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         text-transform: uppercase;
         }
         .jss168 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 6rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 300;
         line-height: 1;
         letter-spacing: -0.01562em;
         }
         .jss169 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 3.75rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 300;
         line-height: 1;
         letter-spacing: -0.00833em;
         }
         .jss170 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 3rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 400;
         line-height: 1.04;
         letter-spacing: 0em;
         }
         .jss171 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 2.125rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 400;
         line-height: 1.17;
         letter-spacing: 0.00735em;
         }
         .jss172 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 1.5rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 400;
         line-height: 1.33;
         letter-spacing: 0em;
         }
         .jss173 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 1.25rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 500;
         line-height: 1.6;
         letter-spacing: 0.0075em;
         }
         .jss174 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 1rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 400;
         line-height: 1.75;
         letter-spacing: 0.00938em;
         }
         .jss175 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 0.875rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 500;
         line-height: 1.57;
         letter-spacing: 0.00714em;
         }
         .jss176 {
         color: rgba(0, 0, 0, 0.87);
         font-size: 0.75rem;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 400;
         line-height: 2.66;
         letter-spacing: 0.08333em;
         text-transform: uppercase;
         }
         .jss177 {
         width: 1px;
         height: 1px;
         position: absolute;
         overflow: hidden;
         }
         .jss178 {
         text-align: left;
         }
         .jss179 {
         text-align: center;
         }
         .jss180 {
         text-align: right;
         }
         .jss181 {
         text-align: justify;
         }
         .jss182 {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         }
         .jss183 {
         margin-bottom: 0.35em;
         }
         .jss184 {
         margin-bottom: 16px;
         }
         .jss185 {
         color: inherit;
         }
         .jss186 {
         color: #2196f3;
         }
         .jss187 {
         color: #2196f3;
         }
         .jss188 {
         color: rgba(0, 0, 0, 0.87);
         }
         .jss189 {
         color: rgba(0, 0, 0, 0.54);
         }
         .jss190 {
         color: #f44336;
         }
         .jss191 {
         display: inline;
         }
               .jss82 {
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         z-index: -1;
         position: fixed;
         touch-action: none;
         background-color: rgba(0, 0, 0, 0.5);
         -webkit-tap-highlight-color: transparent;
         }
         .jss83 {
         background-color: transparent;
         }
          .jss80 {
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         z-index: 1300;
         position: fixed;
         }
         .jss81 {
         visibility: hidden;
         }
         .jss79 {
         outline: none;
         position: absolute;
         min-width: 16px;
         max-width: calc(100% - 32px);
         overflow-y: auto;
         overflow-x: hidden;
         min-height: 16px;
         max-height: calc(100% - 32px);
         }
         .jss84 {
         margin: 0;
         padding: 0;
         position: relative;
         list-style: none;
         }
         .jss85 {
         padding-top: 8px;
         padding-bottom: 8px;
         }
         .jss86 {
         padding-top: 4px;
         padding-bottom: 4px;
         }
         .jss87 {
         padding-top: 0;
         }
         .jss78 {
         max-height: calc(100% - 96px);
         -webkit-overflow-scrolling: touch;
         }
         .jss95 {
         color: rgba(0, 0, 0, 0.87);
         height: 32px;
         cursor: default;
         border: none;
         display: inline-flex;
         outline: none;
         padding: 0;
         font-size: 0.8125rem;
         transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         box-sizing: border-box;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         align-items: center;
         white-space: nowrap;
         border-radius: 16px;
         vertical-align: middle;
         justify-content: center;
         text-decoration: none;
         background-color: #e0e0e0;
         }
         .jss96 {
         color: #fff;
         background-color: #2196f3;
         }
         .jss97 {
         color: #fff;
         background-color: #2196f3;
         }
         .jss98 {
         cursor: pointer;
         -webkit-tap-highlight-color: transparent;
         }
         .jss98:hover, .jss98:focus {
         background-color: rgb(206, 206, 206);
         }
         .jss98:active {
         box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);
         background-color: rgb(197, 197, 197);
         }
         .jss99:hover, .jss99:focus {
         background-color: rgb(50, 158, 243);
         }
         .jss99:active {
         background-color: rgb(59, 162, 244);
         }
         .jss100:hover, .jss100:focus {
         background-color: rgb(50, 158, 243);
         }
         .jss100:active {
         background-color: rgb(59, 162, 244);
         }
         .jss101:focus {
         background-color: rgb(206, 206, 206);
         }
         .jss102:focus {
         background-color: rgb(77, 171, 245);
         }
         .jss103:focus {
         background-color: rgb(77, 171, 245);
         }
         .jss104 {
         border: 1px solid rgba(0, 0, 0, 0.23);
         background-color: transparent;
         }
         .jss98.jss104:hover, .jss98.jss104:focus, .jss101.jss104:focus {
         background-color: rgba(0, 0, 0, 0.08);
         }
         .jss104 .jss107 {
         margin-left: -1px;
         }
         .jss105 {
         color: #2196f3;
         border: 1px solid #2196f3;
         }
         .jss98.jss105:hover, .jss98.jss105:focus, .jss101.jss105:focus {
         background-color: rgba(33, 150, 243, 0.08);
         }
         .jss106 {
         color: #2196f3;
         border: 1px solid #2196f3;
         }
         .jss98.jss106:hover, .jss98.jss106:focus, .jss101.jss106:focus {
         background-color: rgba(33, 150, 243, 0.08);
         }
         .jss107 {
         width: 32px;
         color: #616161;
         height: 32px;
         font-size: 1rem;
         margin-right: -4px;
         }
         .jss108 {
         color: #fff;
         background-color: #1976d2;
         }
         .jss109 {
         color: #fff;
         background-color: #1976d2;
         }
         .jss110 {
         width: 19px;
         height: 19px;
         }
         .jss111 {
         color: #616161;
         margin-left: 4px;
         margin-right: -8px;
         }
         .jss112 {
         color: inherit;
         }
         .jss113 {
         color: inherit;
         }
         .jss114 {
         cursor: inherit;
         display: flex;
         align-items: center;
         user-select: none;
         white-space: nowrap;
         padding-left: 12px;
         padding-right: 12px;
         }
         .jss115 {
         color: rgba(0, 0, 0, 0.26);
         cursor: pointer;
         height: auto;
         margin: 0 4px 0 -8px;
         -webkit-tap-highlight-color: transparent;
         }
         .jss115:hover {
         color: rgba(0, 0, 0, 0.4);
         }
         .jss116 {
         color: rgba(255, 255, 255, 0.7);
         }
         .jss116:hover, .jss116:active {
         color: #fff;
         }
         .jss117 {
         color: rgba(255, 255, 255, 0.7);
         }
         .jss117:hover, .jss117:active {
         color: #fff;
         }
         .jss118 {
         color: rgba(33, 150, 243, 0.7);
         }
         .jss118:hover, .jss118:active {
         color: #2196f3;
         }
         .jss119 {
         color: rgba(33, 150, 243, 0.7);
         }
         .jss119:hover, .jss119:active {
         color: #2196f3;
         }
         .jss137 {
         width: 100%;
         display: flex;
         position: relative;
         box-sizing: border-box;
         text-align: left;
         align-items: center;
         padding-top: 11px;
         padding-bottom: 11px;
         justify-content: flex-start;
         text-decoration: none;
         }
         .jss137.jss148, .jss137.jss148:hover, .jss137.jss148:focus {
         background-color: rgba(0, 0, 0, 0.14);
         }
         .jss138 {
         position: relative;
         }
         .jss141 {
         padding-top: 8px;
         padding-bottom: 8px;
         }
         .jss142 {
         align-items: flex-start;
         }
         .jss143 {
         opacity: 0.5;
         }
         .jss144 {
         border-bottom: 1px solid rgba(0, 0, 0, 0.12);
         background-clip: padding-box;
         }
         .jss145 {
         padding-left: 16px;
         padding-right: 16px;
         }
         .jss146 {
         transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         }
         .jss146:hover {
         text-decoration: none;
         background-color: rgba(0, 0, 0, 0.08);
         }
         .jss146:focus {
         background-color: rgba(0, 0, 0, 0.08);
         }
         @media (hover: none) {
         .jss146:hover {
         background-color: transparent;
         }
         }
         .jss147 {
         padding-right: 32px;
         }
         .jss149 {
         color: rgba(0, 0, 0, 0.54);
         display: inline-flex;
         flex-shrink: 0;
         margin-right: 16px;
         }
          .jss150 {
         flex: 1 1 auto;
         padding: 0 16px;
         min-width: 0;
         }
         .jss150:first-child {
         padding-left: 0;
         }
         .jss151:first-child {
         padding-left: 56px;
         }
         .jss152 {
         font-size: 0.8125rem;
         }
         .jss153.jss155 {
         font-size: inherit;
         }
         .jss154.jss155 {
         font-size: inherit;
         }
         .jss134 {
         color: rgba(0, 0, 0, 0.87);
         width: auto;
         height: 24px;
         overflow: hidden;
         font-size: 1rem;
         box-sizing: content-box;
         font-weight: 400;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         line-height: 1.5em;
         white-space: nowrap;
         }
         .jss135 {
         padding-left: 16px;
         padding-right: 16px;
         }
            .jss88 {
         display: inline-flex;
         position: relative;
         vertical-align: middle;
         }
         .jss89 {
         top: 0;
         right: 0;
         height: 20px;
         display: flex;
         padding: 0 4px;
         z-index: 1;
         position: absolute;
         flex-wrap: wrap;
         font-size: 0.75rem;
         min-width: 20px;
         transform: scale(1) translate(50%, -50%);
         box-sizing: border-box;
         transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         align-items: center;
         font-family: "Roboto", "Helvetica", "Arial", sans-serif;
         font-weight: 500;
         align-content: center;
         border-radius: 10px;
         flex-direction: row;
         justify-content: center;
         transform-origin: 100% 0%;
         }
         .jss90 {
         color: #fff;
         background-color: #2196f3;
         }
         .jss91 {
         color: #fff;
         background-color: #2196f3;
         }
         .jss92 {
         color: #fff;
         background-color: #f44336;
         }
         .jss93 {
         transform: scale(0) translate(50%, -50%);
         transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
         transform-origin: 100% 0%;
         }
         .jss94 {
         height: 6px;
         padding: 0;
         min-width: 6px;
         }
         .jss121 {
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .jss122 {
         overflow-y: auto;
         overflow-x: hidden;
         }
         .jss123 {
         height: 100%;
         outline: none;
         }
         .jss124 {
         margin: 48px;
         display: flex;
         position: relative;
         overflow-y: auto;
         flex-direction: column;
         }
         .jss125 {
         flex: 0 1 auto;
         max-height: calc(100% - 96px);
         }
         .jss126 {
         margin: 48px auto;
         }
         .jss127 {
         max-width: 360px;
         }
         @media (max-width:455.95px) {
         .jss127.jss126 {
         margin: 48px;
         }
         }
         .jss128 {
         max-width: 600px;
         }
         @media (max-width:695.95px) {
         .jss128.jss126 {
         margin: 48px;
         }
         }
         .jss129 {
         max-width: 960px;
         }
         @media (max-width:1055.95px) {
         .jss129.jss126 {
         margin: 48px;
         }
         }
         .jss130 {
         max-width: 1280px;
         }
         @media (max-width:1375.95px) {
         .jss130.jss126 {
         margin: 48px;
         }
         }
         .jss131 {
         max-width: 1920px;
         }
         @media (max-width:2015.95px) {
         .jss131.jss126 {
         margin: 48px;
         }
         }
         .jss132 {
         width: 100%;
         }
         .jss133 {
         width: 100%;
         margin: 0;
         height: 100%;
         max-width: 100%;
         max-height: none;
         border-radius: 0;
         }
         .jss133.jss126 {
         margin: 0;
         }
         .smooth-dnd-container{position:relative;min-height:30px;min-width:30px;}.smooth-dnd-container.horizontal{display:table;}.smooth-dnd-container.horizontal > .smooth-dnd-stretcher-element{display:inline-block;}.smooth-dnd-container.horizontal > .smooth-dnd-draggable-wrapper{height:100%;display:table-cell;vertical-align:top;}.smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper{overflow:hidden;display:block;}.smooth-dnd-draggable-wrapper{box-sizing:border-box;}.smooth-dnd-draggable-wrapper.horizontal{height:100%;display:table-cell;vertical-align:top;}.smooth-dnd-draggable-wrapper.vertical{overflow:hidden;display:block;}.smooth-dnd-draggable-wrapper.animated{transition:transform ease;}.smooth-dnd-ghost{box-sizing:border-box;}.smooth-dnd-ghost.animated{transition:all ease-in-out;}.smooth-dnd-ghost *{pointer-events:none;}.smooth-dnd-disable-touch-action *{touch-actions:none;-ms-touch-actions:none;}.smooth-dnd-no-user-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.smooth-dnd-drop-preview-inner-class{flex:1;}.smooth-dnd-container.horizontal > .smooth-dnd-drop-preview-constant-class{height:100%;overflow:hidden;display:table-cell;vertical-align:top;}.smooth-dnd-container.vertical > .smooth-dnd-drop-preview-constant-class{overflow:hidden;display:block;width:100%;}.smooth-dnd-drop-preview-flex-container-class{width:100%;height:100%;display:flex;justify-content:stretch;align-items:stretch;}.smooth-dnd-drop-preview-default-class{background-color:rgba(150, 150, 150, 0.1);border:1px solid #ccc;}
.note-row {
  background: #ffffff;
  margin: 10px;
}

.note-editor {
  height: 250px;
  width: 250px;
  resize: none;
  border: none;
  outline: none;
  padding: 10px;
  border-radius: 10px;
  overflow: auto;
  color: #000;
}

.note-editor::-webkit-scrollbar {
  display: none;
}

.note-controls {
  height: 50px;
  width: 250px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid;
}

.note-controls div {
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  background: #000;
  color:#fff;
  border-radius: 5px;
  line-height: 30px;
}

.note-controls img {
  height: 25px;
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.lineThrough {
  text-decoration: line-through;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
* {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}

div.container-note {
  padding: 25px;
  display: inline-flex;
  }