::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

:focus {
  outline-style: auto !important;
  outline-offset: 0 !important;
  outline-width: 0 !important;
}

.header-nav {
  display: flex;
}

.site-header__initial {
  background-image: url(../pix/seenaptec-logo-mini.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: var(--header-height-wide-when-fixed);
  align-items: center;
}

.site-branding {
  background-image: none;
}

.secondary-nav {
  margin-block-end: 0 !important;
}

h1 {
  font-size: 200%;
  line-height: 1.2;
}

.main-bg {
  background: #fff;
  border-radius: 26px;
  padding: 32px;
  border-color: var(--base-border-color);
  border-width: 1px;
  border-style: solid;
  margin: auto;
  width: fit-content;
}

.main-bg:has(.view) {
  width: 100%;
}

.button {
  margin-block: 0;
  border: 0;
  border-radius: 50px;
  font-size: var(--font-size-s);
  font-weight: 300;
  height: 50px;
  min-width: 49%;
  margin-inline-end: var(--sp0-5);
  color: #fff;
  background-color: var(--color-blue-600);
  justify-content: center;
}
@media (min-width: 480px) {
  .button {
    min-width: 192px;
  }
}

.button:hover,
.button:focus {
  border: 0;
  font-weight: 300;
  color: #ccc;
  background-color: var(--color--primary-30);
  background-image: none;
}

.button:disabled,
.button.is-disabled {
  background-image: none;
  background-color: inherit;
  border: 1px var(--color--gray-90) solid;
}

.dialog-cancel {
  color: #788595;
  background-color: #294bcd1a;
  justify-content: center;
}

.button--danger {
  color: #fff;
  background-color: var(--button-bg-color--danger);
}

.button--primary {
  color: #fff;
  background-image: linear-gradient(63deg, #294bcd 0%, #172b77 100%);
}

.button-round {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

.button-round a {
  display: block;
  width: 100%;
  height: 100%;
}

.button-round-main {
  background-image: var(--button-bg-image);
  position: relative;
}

.button-round-main:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  pointer-events: none;
}

.button-my-groups:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.8 17C1.305 17 0.88125 16.8248 0.52875 16.4743C0.17625 16.1239 0 15.7026 0 15.2105V5.36842C0 4.87632 0.17625 4.45504 0.52875 4.10461C0.88125 3.75417 1.305 3.57895 1.8 3.57895H5.4V1.78947C5.4 1.29737 5.57625 0.876097 5.92875 0.525658C6.28125 0.175219 6.705 0 7.2 0H10.8C11.295 0 11.7188 0.175219 12.0712 0.525658C12.4237 0.876097 12.6 1.29737 12.6 1.78947V3.57895H16.2C16.695 3.57895 17.1187 3.75417 17.4713 4.10461C17.8237 4.45504 18 4.87632 18 5.36842V15.2105C18 15.7026 17.8237 16.1239 17.4713 16.4743C17.1187 16.8248 16.695 17 16.2 17H1.8ZM7.2 3.57895H10.8V1.78947H7.2V3.57895Z' fill='white'/%3E%3Cpath d='M1.8 17C1.305 17 0.88125 16.8248 0.52875 16.4743C0.17625 16.1239 0 15.7026 0 15.2105V5.36842C0 4.87632 0.17625 4.45504 0.52875 4.10461C0.88125 3.75417 1.305 3.57895 1.8 3.57895H5.4V1.78947C5.4 1.29737 5.57625 0.876097 5.92875 0.525658C6.28125 0.175219 6.705 0 7.2 0H10.8C11.295 0 11.7188 0.175219 12.0712 0.525658C12.4237 0.876097 12.6 1.29737 12.6 1.78947V3.57895H16.2C16.695 3.57895 17.1187 3.75417 17.4713 4.10461C17.8237 4.45504 18 4.87632 18 5.36842V15.2105C18 15.7026 17.8237 16.1239 17.4713 16.4743C17.1187 16.8248 16.695 17 16.2 17H1.8ZM7.2 3.57895H10.8V1.78947H7.2V3.57895Z' fill='white'/%3E%3C/svg%3E");
}

.button-round-main:has(a[href='/user']):after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0Z' fill='white'/%3E%3Cpath d='M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0Z' fill='white'/%3E%3C/svg%3E");
}

.button-round-main:has(a[href^='/user/login']):after {
  background-image: url("../pix/user-login.png");
}

.button-round-main:has(a[href^='/user/logout']):after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H9V2H2V16H9V18H2ZM13 14L11.625 12.55L14.175 10H6V8H14.175L11.625 5.45L13 4L18 9L13 14Z' fill='white'/%3E%3Cpath d='M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H9V2H2V16H9V18H2ZM13 14L11.625 12.55L14.175 10H6V8H14.175L11.625 5.45L13 4L18 9L13 14Z' fill='white'/%3E%3C/svg%3E");
}

.button-full-width {
  width: 100%;
}

.rotate ul {
  list-style: none;
}

table {
  position: relative;
}

table th,
table td {
  white-space: nowrap !important;
}

table th.views-field-dropbutton {
  padding-inline-start: var(--sp1) !important;
}

table.sticky-header thead {
  background-color: var(--color--primary-80);
}

table td:not(.views-field-dropbutton) {
  line-height: 1.3;
}

table td.views-field-dropbutton .dropbutton-wrapper.open {
  --dropbutton--height: auto;
}

table .dropbutton-toggle button {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  outline: solid 2px var(--dropbutton--outline-color);
  outline-offset: -2px;
  border-radius: 0 2px 2px 0;
}

table .dropbutton-toggle button:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

table .dropbutton-wrapper.open .dropbutton-toggle button:before {
  transform: rotate(225deg);
}

table .dropbutton-wrapper .dropbutton-widget,
table .dropbutton-wrapper.open .dropbutton-widget {
  background-color: transparent;
  width: 100%;
}

table .dropbutton-wrapper.open {
  filter: none;
}

table li.dropbutton-action.secondary-action {
  padding-top: 12px;
  border-left: 0;
}

:is(.forum table, .text-content table, .views-table, .draggable-table) th {
  border-block-end: 1px solid var(--base-border-color);
  padding-inline-start: var(--sp0-5);
  padding-block-start: var(--sp0-5);
  padding-block-end: var(--sp0-5);
  hyphens: none;
  -webkit-hyphens: none;
}

:is(.forum table, .text-content table, .views-table, .draggable-table) td {
  padding-inline-start: var(--sp0-5);
  padding-block: var(--sp1);
  border-block-end: 1px solid var(--base-border-color);
  hyphens: none;
  -webkit-hyphens: none;
}

:is(.forum table, .text-content table, .views-table, .draggable-table) td:not(:last-child):not(.views-field-views-bulk-operations-bulk-form) {
  min-width: 150px;
}

:is(.forum table, .text-content table, .views-table, .draggable-table) th,
:is(.forum table, .text-content table, .views-table, .draggable-table) th > a {
  color: var(--color-gray-700);
  font-weight: 400;
}

.forum table, .text-content table, .views-table, .draggable-table {
  font-size: var(--font-size-s);
  margin-block-start: var(--sp0-25);
  margin-block-end: var(--sp1);
  border-top: 1px var(--base-border-color) solid;
}

.view-media-library .views-row {
  display: inline-block;
  vertical-align: text-top;
  width: 49.3%;
}

.view-media-library .views-row img {
  width: 150px;
  height: 100px;
  object-fit: contain;
}

.view-group-cards .field--name-field-card-request {
  margin-block-end: 0;
}

.views-card-bg-wrapper {
  position: relative;
  cursor: pointer;
}

.views-card-bg-wrapper .views-card-bg {
  position: absolute;
  top: -130px;
  left: 150px;
  transform: translate(-50%, 0);
  background: #fff;
  border: 1px var(--base-border-color) solid;
  border-radius: 11px;
  padding: 15px;
  width: 132px;
  height: 132px;
  z-index: 10;
}

.views-card-bg-wrapper:hover .views-card-bg.hidden {
  display: block;
}

.views-card-bg-wrapper .views-card-bg img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: none;
}

.views-field-field-card-request a {
  font-size: 12px;
  text-decoration: none;
  outline: none;
}

.view, .view-content {
  column-gap: var(--sp0-25);
  row-gap: 0;
}

.view-content {
  grid-column: 1 / 11;
}

.views-bulk-actions[data-drupal-sticky-vbo="true"] {
  max-width: 1330px;
  margin-left: -32px;
}

.block-local-tasks-block {
  margin-block-end: var(--sp);
}

.menu--account {
  margin-block-end: 0;
}

.menu--account > .menu {
  line-height: 0;
}

.menu--account > .menu .menu__item {
  display: inline-block;
  margin-left: 12px;
}

.menu--account > .menu .menu__item:not(:first-child) {
  margin-left: 8px;
}

.header-nav ul {
  list-style: none;
  margin: 0;
}

li.group-link {
  height: 40px;
}

li.group-link:not(:last-child) {
  border-bottom: 1px #e3eaf2 solid;
}

li.group-link a {
  position: relative;
  cursor: pointer;
  display: block;
  text-decoration: none;
  width: 100%;
  color: inherit;
  font-size: 14px;
  line-height: 40px;
}

li.group-link:hover {
  text-decoration: underline;
}

li.group-link:hover .group-sub-links {
  display: block;
  margin-inline-start: 0;
  min-width: 150px;
}

ul.group-sub-links {
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  background: var(--color--primary-80);
  padding: 0 12px;
  z-index: 1;
  margin-block-start: 0;
  border: 1px solid var(--color-text-primary-medium);
  border-radius: 3px;
}

.my-groups {
  cursor: pointer;
  position: relative;
}

.my-groups .main-bg {
  border-radius: 12px;
  width: max-content;
  padding: 16px;
}

.menu-dropdown > .submenu-dropdown-wrapper {
  position: absolute;
  padding-top: 48px;
  display: none;
  top: 48px;
  left: 30%;
  right: 0;
  transform: translate(-30%, 0%);
  margin-inline-start: 0;
  transition: all .3s ease;
}
@media (min-width: 1200px) {
  .menu-dropdown > .submenu-dropdown-wrapper {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0%);
  }
}

.menu-dropdown:hover > .submenu-dropdown-wrapper {
  display: block;
}

.menu-dropdown .submenu-dropdown-wrapper:after {
  content: "";
  position: absolute;
  margin-top: 46px;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-top: 1px solid #e3eaf2;
  border-left: 1px solid #e3eaf2;
  transform: rotate(45deg) translate(-50%, 0);
}

.menu-dropdown .submenu-header {
  white-space: nowrap;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 16px;
}

.js-media-library-selection .js-media-library-item,
.media-form .image-widget:has(img) {
  position: relative;
  width: 140px;
}

.js-media-library-selection article {
  line-height: 1.5;
  pointer-events: none;
}

.js-media-library-item .media-library-item__remove,
.media-form .image-widget [id*='remove']{
  border: 1px solid var(--button-bg-color--danger) !important;
  border-radius: 50px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%23ffffff' stroke-width='3'/%3e%3c/svg%3e");
  background-color: var(--button-bg-color--danger);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  position: absolute;
  width: 1rem;
  height: 1rem;
  margin: 0.3125rem;
  transition: 0.2s border-color;
  font-size: 0;
  right: -24px;
  top: -24px;
  min-width: 0;
  padding: 0;
}

.js-media-library-item-preview {
  margin-block-start: var(--sp0-5);
}

.js-media-library-item-preview img {
  border-radius: 4px;
  box-shadow: 0 0 16px 1px var(--base-border-color);
  margin-bottom: 12px;
  width: 100%;
}

.js-media-library-menu .tabs__tab {
  display: flex;
}

.tabs {
  border-radius: 20px;
  background: #6b89ff0d;
}
@media (min-width: 700px) {
  .tabs__tab .tabs__link {
    border-radius: 50px;
  }
}

.tabs__tab {
  flex: auto;
}

.tabs__tab .tabs__link {
  line-height: 1.3;
  height: 48px;
  text-align: left;
  justify-content: flex-start;
  border: 0;
  background-color: transparent;
}
@media (min-width: 700px) {
  .tabs__tab .tabs__link {
    text-align: center;
    justify-content: center;
  }
}

.tabs__tab .tabs__link:hover {
  border-radius: 50px;
}

.tabs__tab .tabs__link.is-active,
.tabs__tab .tabs__link.active {
  color: #fff;
  font-weight: 600;
  background-image: var(--button-bg-image);
  border-radius: 50px;
}

.tabs__tab .tabs__link.is-active::after {
  content: none;
}

.tabs__trigger {
  border: 0;
  background-color: transparent;
}

.tabs__trigger:hover {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background: linear-gradient(239deg, #d0daf7 23%, transparent 66%);
}

.view:has(table) {
  overflow: auto hidden;
}

.form-item__label,
.fieldset__label,
.link-gray a,
a.link-gray {
  font-size: var(--font-size-s);
  font-weight: 400;
  color: var(--color-gray-700);
  text-decoration: none;
  padding-inline-start: 0;
}

.form-narrow {
  max-width: 400px;
}

form.bef-exposed-form {
  border-top: 1px var(--base-border-color) solid;
  padding-top: 16px;
  padding-bottom: 16px;
}

form.bef-exposed-form > * {
  margin-top: 0 !important;
  vertical-align: bottom;
}

form.bef-exposed-form .form-item__label[for] {
  font-size: var(--font-size-s);
}

.form-actions .button-action {
  margin-block: 0;
  height: 45px;
  min-width: auto;
  background-color: #1e1e1e;
  color: #fff;
}

[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"],
[type="month"], [type="number"], [type="password"], [type="search"], [type="tel"],
[type="text"], [type="time"], [type="url"], [type="week"], textarea, select {
  border-color: var(--base-border-color);
  border-radius: 8px;
  min-height: var(--sp2-5);
  height: var(--sp3);
  color: var(--color-text-neutral-medium);
  font-size: var(--font-size-s);
}

input[type="file"]::file-selector-button {
  background-color: var(--button--active-bg-color--primary);
  color: #fff;
  padding: 8px 14px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
}

.fieldset {
  border: 0;
}

.fieldset__wrapper {
  border: 1px solid var(--base-border-color);
  border-radius: 8px;
  font-size: var(--font-size-s);
}

.fieldset__wrapper article {
  margin-bottom: 16px;
}

.fieldset__prefix {
  margin-bottom: 12px;
  display: block;
}

.fieldset__legend {
  background-color: transparent;
}

.fieldset__legend .fieldset__label.form-required::after {
  background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A");
}

form.views-bulk-operations-configure-action fieldset {
  width: max-content;
  padding: 2rem;
}

form.views-bulk-operations-configure-action fieldset .description {
  font-size: 12px;
  line-height: 1.5;
}

form.views-bulk-operations-configure-action fieldset legend:has(.fieldset__label:empty) {
  display: none;
}

form.views-bulk-operations-configure-action fieldset .media-library-selection {
  margin-bottom: 2rem;
}

.view :is(input, select, textarea) {
  border-radius: 50px;
  height: var(--sp2-5);
}

.view input:not(.button) {
  max-width: 200px !important;
}

input[type="checkbox"], input[type="radio"] {
  width: var(--sp1);
  height: var(--sp1);
  border: 1px solid var(--base-border-color);
  border-radius: 4px;
  background-size: var(--sp1) var(--sp0-5);
}