/* Tweaks that apply to the layout SDK */
#stickyNotesCanvas {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  bottom: 0;
  right: 6px;
  top: 0;
  left: 0;
  margin-right: -6px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
#stickyNotesCanvas > div {
  height: 100% !important;
}
.n-shortTimeStampContainer {
  line-height: 8px !important;
}
/* Variables - please keep alphabetized */
:root{
  --n-fluent-icon-hover: var(--oneNotePurple);
  --n-fluent-icon: var(--oneNotePurple);
  --n-primary-color: var(--oneNotePurple);
  --n-ui-search: var(--oneNotePurple);
  --n-close-button-color: #FFFFFF;
  --n-image-footer-icon-color: #D1ABE6;
}

.n-addANoteButton .ms-Button-textContainer { 
  color: var(--oneNotePurple); 
}

.n-addANoteButton .ms-Button-icon {
  color: var(--oneNotePurple);
}

.n-searchBar-inputBox:hover{
  border-color: var(--n-onenote-purple) !important;
}

.n-searchBar-inputBox-searching {
  border-color: var(--n-onenote-purple) !important;
}

.n-searchBar-inputBox-searching .n-searchBarSearchIcon {
  color: var(--n-onenote-purple) !important;
}

.n-more-options:hover .n-more-options-label {
  color: var(--n-onenote-purple) !important;
}

.n-more-options:hover .ChevronDownImage {
  color: var(--n-onenote-purple) !important;
}

.n-lightbox-header-close:hover {
  color: var(--n-close-button-color);
  border-color: var(--n-close-button-color);
}

.n-lightbox-footer .ms-Button--icon:hover i {
  color: var(--n-image-footer-icon-color);
}

.n-lightbox-footer .is-disabled:hover i {
  color: #999999;
}

.n-lightbox-footer .ms-Button--icon:focus::after {
  outline: rgb(208, 208, 208) solid 1px 
}

.n-headerBarCommands .ms-Button:hover {
 color: var(--n-onenote-purple);
}
/* Variables - please keep alphabetized */
:root {
  --consentBannerBackgroundColor: #F0EAF3;
  --chevronColor: #605E5C;
  --headerHeight: 50px;
  --hoverDim: rgba(0, 0, 0, 0.3);
  --oneNotePurple: #7719aa;
  --oneNotePurpleShade1: rgb(233, 226, 239);
  --oneNotePurpleShade2: rgb(220, 206, 231);
  --openInOneNoteBannerColor: #F3F3F3;
  --openInOneNoteBannerShadowColor: #0000001a;
  --openInOneNoteBannerShadowGradient: #00000021;
  --openInOneNoteBannerTextOnHoverColor: #6C179A;
  --openInOneNoteBorderColor: #D8D8D8;
}

@custom-media --screenSizePhone (width <= 765px);
@custom-media --screenSizeTabletPortrait (width > 765px);
@custom-media --screenSizeTabletLandscape (width >= 980px);
@custom-media --screenSizeDesktop (width >= 1280px);
@custom-media --screenSizeDesktopBig (width >= 1880px);
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Segoe UI';
}

#app__stickyNotesCanvas___YDAbS {
    font-family: 'Segoe UI';
}

@font-face {
	font-family: 'Segoe UI';
	src: local('Segoe UI Light'), local('Segoe WP Light'),
        url(assets/fonts/segoeui-semilight-final.5iockk0s.woff) format('woff'),
        url(assets/fonts/segoeui-semilight-final.5gr1zbfj.ttf) format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: local('Segoe UI'), local('Segoe'), local('Segoe WP'),
        url(assets/fonts/segoeui-regular-final.8dk0evox.woff) format('woff'),
        url(assets/fonts/segoeui-regular-final.5o2eyyi3.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: local('Segoe UI Semibold'), local('Segoe Semibold'), local('Segoe Semibold WP'),
        url(assets/fonts/segoeui-semibold-final.c5nbzumt.woff) format('woff'),
        url(assets/fonts/segoeui-semibold-final.908z2d3l.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: local('Segoe UI Bold'), local('Segoe Bold'), local('Segoe Bold WP'),
        url(assets/fonts/segoeui-bold-final.2d66uts5.woff) format('woff'),
        url(assets/fonts/segoeui-bold.cwslj3jh.ttf) format('truetype');
	font-weight: bold;
	font-style: normal;
}

.app__app___DS2nr {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.app__mainContent___fJ1am {
  display: flex;
  flex: 1;
  /* Required to make children's overflow-y work in Firefox & Edge: */
  min-height: 0;
}

.app__fabricContainer___LY-vA {
  height: 100%;
}

.app__topContainer___VZO6Z {
  width: 100%;
  height: 50px;
  background-color: black;
  display: block;
}

.app__hidden___rVwbp {
  display: none;
}

.header__header___vGVGp {
  background-color: var(--oneNotePurple);
  color: #fff;
  display: flex;
  font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  height: var(--headerHeight);
  justify-content: center;
}

.header__hidden___7q3Aq {
  display: none;
}

.header__contentSegment___jrz-o {
  display: flex;
  align-items: center;
  display: flex;
  height: var(--headerHeight);
  overflow: hidden;
  white-space: nowrap;
}

.header__center___zGq7f {
  justify-content: center;
  padding: 0 15px;
}

.header__title___nw-rF {
  font-size: 17px;
  margin: 0 16px;
}

.header__left___R7tgi, .header__right___4cX-R, .header__filePath___fQk9l {
  display: none;
}

.header__feedbackLink___E4Lvn {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.header__feedbackLink___E4Lvn:hover {
  text-decoration: none !important;
  background-color: var(--hoverDim);
}

.header__feedbackLink___E4Lvn > span {
  display: block;
  font-size: 24px;
  padding: 0 20px;
  animation: header__wiggle___rTf2Z 8s infinite;
}

@keyframes header__wiggle___rTf2Z {
  0%, 89% {
    transform: rotate(0deg)
  }
  90%, 99% {
    transform: rotate(-2deg);
  }
  
  91%, 97% {
    transform: rotate(4deg);
  }

  92%, 94%, 96% {
    transform: rotate(-8deg);
  }

  93%, 95% {
    transform: rotate(8deg);
  }
}

@media (--screenSizeTabletPortrait) {
  .header__left___R7tgi, .header__right___4cX-R {
    display: flex;
  }

  .header__left___R7tgi {
    left: 0;
    justify-content: flex-start;
    position: absolute;
  }

  .header__right___4cX-R {
    justify-content: flex-end;
    margin-right: 20px;
    position: absolute;
    right: 0;
  }

  .header__wafflebutton___3MLPa {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    height: var(--headerHeight);
    justify-content: center;
    margin: 0;
    padding: 0;
    width: var(--headerHeight);
  }

  .header__wafflebutton___3MLPa:hover {
    background-color: var(--hoverDim);
  }

  .header__waffleIcon___T1ARs {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 2048 2048'%3E %3Cg transform='matrix(1 0 0 -1 0 2048)'%3E %3Cpath fill='white' d='M384 1408v256h256v-256h-256zM896 1408v256h256v-256h-256zM1408 1664h256v-256h-256v256zM384 896v256h256v-256h-256zM896 896v256h256v-256h-256zM1408 896v256h256v-256h-256zM384 384v256h256v-256h-256zM896 384v256h256v-256h-256zM1408 384v256h256v-256h-256z ' /%3E %3C/g%3E %3C/svg%3E");
    height: 25px;
    width: 25px;
  }

  .header__appAndBrandContainer___xPO9w {
    align-items: center;
    display: inline-flex;
  }

  .header__caret___F8WmN {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 2048 2048'%3E %3Cg transform='matrix(1 0 0 -1 0 2048)'%3E %3Cpath fill='white' d='M640 2048l1024 -1024l-1024 -1024v2048v0z' /%3E %3C/g%3E %3C/svg%3E");
    height: 8px;
    opacity: 0.7;
    margin-left: 5px;
    margin-right: 5px;
    width: 8px;
  }

  a.header__headerLink___mrYYo {
    color: #fff;
    text-decoration: none;
  }

  a.header__headerLink___mrYYo:hover {
    text-decoration: underline;
  }

  .header__folder___KSEnm {
    margin-left: 16px;
  }

  .header__folderBefore___UK7s5 {
    background: #fff;
    display: inline-block;
    height: 20px;
    margin-left: -1px;
    opacity: 0.3;
    padding-right: 1px;
  }

  .header__filePath___fQk9l {
    display: none;
  }
}

@media (--screenSizeTabletLandscape) {
  .header__filePath___fQk9l {
    display: flex;
  }
}
.exportdialog__exportdialogexportsection___OM-Hw {
  margin: 30px 0
}
.consentBanner__consentBanner___ut8sX {
  font-size: 16px;
  background: var(--consentBannerBackgroundColor);
  padding: 16px 8px;
  display: flex;
  align-items: center;
}

.consentBanner__consentBannerText___oaQXF {
  padding: 0 8px;
  text-align: justify;
}

.consentBanner__consentBannerHeading___sUO66 {
  font-size: 17px;
  font-weight: bold;
}

.consentBanner__consentBannerButton___BLwcP {
  padding: 0 8px;
}

/*# sourceMappingURL=stickynotesframe.53250798a4eb13e5599d.css.map*/