.scxx .translate-panel {
   margin: 5px 30px;
   display: flex;
   justify-content: left;
}

.scxx .translate-panel:before {
   font-size: 1.5rem;
   color: #0e6fa5;
}

.scxx .translations {
   background: #fff;
   padding: 4px 10px;
   border-radius: 27px;
}

.scxx .translation {
   padding: 2px 15px;
}

.scxx .translate-lookup-container {
   display: none;
   position: relative;
}

.scxx .cms-translate-lookup-container {
   position: relative;
   width: 100%;
}

.scxx .translate-panel.open .translate-lookup-container {
   display: block;
}

.scxx .translate-panel.open .translate-toggle {
   display: none;
}

.scxx .language-search {
   border-radius: 10px 10px 0 0;
   border: 0px;
   padding: 6px 8px 4px 40px;
   font-size: 16px;
}

.scxx .cms-translate-lookup-container .language-search {
   width: 100%;
   box-sizing: border-box;
   padding: 8px 6px 6px 32px;
   font-size: 1.1rem;
   border-bottom: 2px solid #e7e7e7;
}

.scxx .cms-translate-lookup-container .translate-lookup-icon:before {
   left: 6px;
   top: 8px;
}

.scxx .translate-lookup-icon {
   padding: 0px !important;
}

.scxx .cms-translate-lookup-container .language-search:focus {
   outline: 0px;
   border-bottom: 2px solid #e7e7e7;
}

.scxx .translate-lookup-select {
   max-height: 250px;
   overflow-y: auto;
   border-radius: 0 0 0 8px;
}

.scxx .translate-lookup-select::-webkit-scrollbar {
   width: 12px; /* Set the width of the scrollbar */
}

/* For Webkit browsers (Chrome, Safari) - Track */
.scxx .translate-lookup-select::-webkit-scrollbar-track {
   background: #f1f1f1; /* Color of the track */
}

/* For Webkit browsers (Chrome, Safari) - Handle */
.scxx .translate-lookup-select::-webkit-scrollbar-thumb {
   background: #888; /* Color of the thumb/handle */
   border-radius: 6px; /* Border radius of the thumb/handle */
}

/* For Webkit browsers (Chrome, Safari) - Handle on hover */
.scxx .translate-lookup-select::-webkit-scrollbar-thumb:hover {
   background: #666; /* Color of the thumb/handle on hover */
}

.scxx .translate-lookup-icon:before {
   content: "\e800";
   font-family: "icons";
   position: absolute;
   left: 8px;
   top: 6px;
   font-size: 20px;
   color: #ccc;
}

.scxx .translate-lookup-options {
   position: absolute;
   z-index: 1;
   background: #fff;
   width: 100%;
   max-height: 180px;
   overflow-y: auto;
   border-radius: 0 0 4px 4px;
   text-align: left;
}

.scxx .language-select-item {
   padding: 4px 10px 8px 12px;
   cursor: pointer;
   font-family: "Outfit", "sans-serif";
}

.scxx .language-select-item:hover,
.scxx .language-select-item.selected {
   background: var(--s-purple-light);
   color: var(--s-secondary);
}

.scxx .language-select-item-en {
   font-weight: 500;
   color: var(--s-purple-text);
   text-align: left;
}

.scxx .language-select-item-native {
   line-height: 16px;
   color: var(--s-secondary);
   text-align: left;
}

.scxx .pathway-interact-element .language-select-item {
   background: #fff;
}

.scxx .pathway-interact-element .language-select-item:hover {
   background: var(--s-purple-light);
   color: var(--s-secondary);
}

.scxx .pathway-interact-element .translate-lookup-select {
   height: 250px;
}