.textbox {
  border: var(--border-width) solid var(--border-strong);
  border-radius: var(--radius);
  background-color: var(--surface); }

.textbox .textbox-text {
  font-family: var(--font-primary);
  font-size: 0.9em;
  color: var(--ink);
  padding: 0 13px; }

.textbox .textbox-prompt {
  font-family: var(--font-primary);
  font-size: 0.9em;
  color: var(--ink-muted);
  padding: 0 13px; }

.textbox-focused {
  border-color: var(--border-strong);
  border-left-width: 5px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.textbox-invalid,
.validatebox-invalid {
  border-color: var(--state-error);
  background-color: var(--surface);
  color: var(--ink); }

.passwordbox-open,
.passwordbox-close {
  background-image: none;
  background-color: var(--ink-muted);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px; }

.passwordbox-open {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-7%2011-7%2011%207%2011%207-4%207-11%207-11-7-11-7z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-7%2011-7%2011%207%2011%207-4%207-11%207-11-7-11-7z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E"); }

.passwordbox-close {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-7%2011-7%2011%207%2011%207-4%207-11%207-11-7-11-7z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3Cline%20x1='3'%20y1='3'%20x2='21'%20y2='21'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M1%2012s4-7%2011-7%2011%207%2011%207-4%207-11%207-11-7-11-7z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3Cline%20x1='3'%20y1='3'%20x2='21'%20y2='21'/%3E%3C/svg%3E"); }

.textbox-icon {
  opacity: 1;
  filter: none; }

.textbox-icon:hover {
  opacity: 1;
  filter: none; }

.passwordbox-open:hover,
.passwordbox-close:hover {
  background-color: var(--brand-primary); }

#content form .textbox {
  display: block;
  margin-bottom: 10px; }

.tooltip {
  background-color: var(--surface) !important;
  border-color: var(--state-error) !important;
  color: var(--ink) !important;
  border-radius: var(--radius); }

.tooltip .tooltip-content {
  font-family: var(--font-primary);
  font-size: 0.9em; }

.tooltip-right .tooltip-arrow-outer { border-right-color: var(--state-error); }
.tooltip-right .tooltip-arrow       { border-right-color: var(--surface); }
.tooltip-left  .tooltip-arrow-outer { border-left-color: var(--state-error); }
.tooltip-left  .tooltip-arrow       { border-left-color: var(--surface); }
.tooltip-top   .tooltip-arrow-outer { border-top-color: var(--state-error); }
.tooltip-top   .tooltip-arrow       { border-top-color: var(--surface); }
.tooltip-bottom .tooltip-arrow-outer { border-bottom-color: var(--state-error); }
.tooltip-bottom .tooltip-arrow       { border-bottom-color: var(--surface); }

.tabs li .tabs-inner {
  font-family: var(--font-primary);
  font-weight: var(--fw-demibold);
  font-size: 0.8em;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--ink-muted);
  background-color: var(--surface);
  -webkit-transition: var(--transition-color);
  transition: var(--transition-color); }

.tabs li .tabs-inner:hover {
  background-color: var(--surface);
  color: var(--ink);
  filter: none; }

.tabs li.tabs-selected .tabs-inner {
  color: var(--brand-primary);
  background-color: var(--surface);
  border: var(--border-width) solid var(--brand-primary);
  border-bottom: var(--border-width) solid var(--brand-primary); }

.tabs-header,
.tabs-tool,
.tabs-panels {
  background-color: var(--surface); }

.tabs-header,
.tabs,
.tabs-panels,
.tabs li .tabs-inner {
  border-color: var(--border-subtle); }

.tabs-p-tool a:hover,
.tabs li a:hover.tabs-close,
.tabs-scroller-over {
  background-color: var(--surface-alt); }

.accordion {
  background: var(--surface);
  border-color: var(--border-subtle); }

.accordion .accordion-header {
  background: var(--surface);
  border-color: var(--border-subtle); }

.accordion .panel-title {
  font-family: var(--font-primary);
  font-weight: var(--fw-demibold);
  font-size: 0.8em;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--ink-muted); }

.accordion .accordion-header-selected,
.accordion .panel-last > .accordion-header-selected {
  background: var(--surface);
  border-bottom-style: solid;
  border-bottom-width: var(--border-width);
  border-bottom-color: var(--brand-primary); }

.accordion .accordion-header-selected .panel-title,
.accordion .panel-last > .accordion-header-selected .panel-title {
  color: var(--brand-primary); }

.accordion-collapse,
.accordion-expand {
  background-image: none;
  background-color: var(--ink-muted);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 16px 16px;
          mask-size: 16px 16px; }

.accordion-collapse {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%2015l6-6%206%206'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%2015l6-6%206%206'/%3E%3C/svg%3E"); }

.accordion-expand {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E"); }

.accordion-header-selected .accordion-collapse,
.accordion-header-selected .accordion-expand {
  background-color: var(--brand-primary); }

.accordion {
  border-width: 0; }