@keyframes caretBlink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@keyframes rotateSpinner {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}

#text-tool-caret {
  animation-name: caretBlink;  
  animation-iteration-count: infinite;  
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 1s; 
}

#en-markup-loading-spinner {
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
}

#en-markup-loading-spinner img {
  position: relative;
  top: 0px;
  left: 0px;
  animation-name: rotateSpinner;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.skitchToastBoxContainer {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  pointer-events: none;
}

.skitchToastBox {
  width: 200px;
  height: 16px;
  padding: 12px;
  background-color: rgba(47, 55, 61, 0.95);
  border-radius: 4px;
  color: white;
  cursor: default;
  font-size: 10pt;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32);
  font-family: 'Soleil', Helvetica, Arial, sans-serif;
  border: 2px rgba(255, 255, 255, 0.38) solid;
}

.lang-zh-cn .skitchToastBox {
  font-family: '微软雅黑', 'Microsoft YaHei', SimSun,
      'メイリオ', Meiryo, 'MS PGothic', 'Soleil',
      Helvetica, Arial, sans-serif;
}

.lang-ja-jp .skitchToastBox {
  font-family: 'メイリオ', Meiryo, 'MS PGothic',
      '微软雅黑', 'Microsoft YaHei', SimSun, 'Soleil', Helvetica, Arial,
      sans-serif;
}

.skitchToast {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  height: 10px;
  color: #f1f5f8;
  text-align: center;
}

.partners-section {
	margin: 50px 0;
	text-align: center;
}

.partners-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 20px;
	margin-top: 30px;
	justify-items: center;
}

.partner-logo {
	width: 120px;
	height: 120px;
	background: #1a1a1a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px rgba(255, 200, 50, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
	border: 2px solid rgba(255, 215, 0, 0.7);
}

.partner-logo img {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

.partner-logo:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px rgba(255, 200, 50, 0.6);
}

.partner-logo_1 {
	width: 120px;
	height: 120px;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px rgba(255, 200, 50, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
	border: 2px solid rgba(255, 215, 0, 0.7);
}

.partner-logo_1 img {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

.partner-logo_1:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px rgba(255, 200, 50, 0.6);
}

@media (max-width: 768px) {
	.partners-grid {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		gap: 15px;
	}

	.partner-logo {
		width: 100px;
		height: 100px;
	}
	
	.partner-logo_1 {
		width: 100px;
		height: 100px;
	}
}

.skitchVisible {
  /* Don't remove this class it's a hack used by the Evernote Clipper */
}

@font-face {
	font-family: 'Soleil';
	src: url("");
	font-weight: normal;
	font-style: normal;
}

#en-markup-disabled {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: default;
  -webkit-user-select: none;
}

#en-markup-alert-container {
  position: absolute;
  z-index: 9999;
  width: 450px;
  left: calc(50% - 225px);
  top: calc(50% - 85px);
  background-color: white;
  box-shadow: 0 2px 7px 1px rgba(0,0,0,0.35);
  -webkit-user-select: none;
}

#en-markup-alert-container .cell-1 {
  position: relative;
  height: 110px;
  width: 105px;
  float: left;
  text-align: center;
  background-image: url("");
  background-position: 65% 50%;
  background-repeat: no-repeat;
}

#en-markup-alert-container .cell-2 {
  position: relative;
  float: left;
  width: 345px;
  margin-top: 29px;
  margin-bottom: 20px;
}

#en-markup-alert-container .cell-2 .cell-2-title {
  margin-bottom: 5px;
  padding-right: 30px;
  font-size: 12pt;
  font-family: Tahoma, Arial;
}

#en-markup-alert-container .cell-2 .cell-2-message {
  padding-right: 30px;
  font-size: 9.5pt;
  font-family: Tahoma, Arial;
}

#en-markup-alert-container .cell-3 {
  position: relative;
  width: 450px;
  height: 60px;
  float: left;
  background-color: rgb(240,240,240);
}

#en-markup-alert-container .cell-3 button {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 110px;
  height: 36px;
}

#en-markup-alert-container .cell-3 button.alt-button {
  position: absolute;
  top: 12px;
  right: 140px;
  width: 110px;
  height: 36px;
}