/* Service Studio preview */
.text-neutral-10 {
  
}
html, .layout {
    
}
/*--------------------------------------*/

/*  ODC Layout  */


/*--------------------------------------*/

/* Thumbs Card */

.thumbs-card .card {
  height: 56px;
  align-items: center;
  display: flex;
  border: 3px solid var(--surface-1-default);
}

.thumbs-card .columns > .columns-item > .card {
  height: 56px;
}

.thumbs-card .card.card-content:hover {
  background-color: var(--neutral-2); 
  border: 3px solid #4D4AE699; 
  cursor: pointer;
  transition: all 0.2s ease;
}

.thumbs-card .card.card-content.selected {
  background-color: var(--neutral-3);
  border: 3px solid var(--neutral-3);
}

.thumbs-card .card.card-content.selected span {
  color: var(--neutral-10);
}

.thumbs-card .invalid{
    border: solid 1px var(--input-error-border-default)
}

.thumbs-card .card.card-content.disabled {
  border: 1px solid var(--neutral-3);
  opacity: 0.4;
}

.thumbs-card .card.card-content.disabled i {
  color: var(--neutral-10);
}

.thumbs-card .card.card-content:focus {
  box-shadow: var(--component-shadow-focus);
  border:var(--border-size-s) solid var(--input-border-focus);
  cursor: pointer;
  transition: all 0.2s ease;
}


/*--------------------------------------*/

/*Signup Dropdown*/
.signup-form .dropdown-invalid .vscomp-toggle-button,
.signup-form .dropdown-invalid .dropdown-empty-trigger{
    border-color: var(--input-error-border-default);
}

.signup-form .vscomp-toggle-button {
    background-color: var(--input-background-default);
    border-radius: var(--border-radius-2);
    border: 1px solid var(--input-border-default);
}

.signup-form .vscomp-toggle-button:hover {
    border-color: var(--input-border-hover);
}

.signup-form .vscomp-ele.pop-comp-active .vscomp-toggle-button {
    border-color: var(--input-border-hover);
}

.signup-form .has-clear-button.has-value .vscomp-clear-button {
    display: none;
}

.signup-form .vscomp-search-input,
.signup-form .vscomp-no-options, .vscomp-no-search-results {
    color: var(--color-neutral-9);
}

.signup-form.vscomp-ele.pop-comp-active .vscomp-toggle-button:after {
    color: var(--color-neutral-7);
}

.vscomp-search-label,
.vscomp-live-region{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
  width:1px;
}

.dropdown-empty-popover-l {
  width: 430px;
}
.phone .dropdown-empty-popover-l {
  width: 90%;
}

/*--------------------------------------*/
/* Signup Form*/
.signup-form .osui-btn-loading.full-width .btn {
  width: 100%; 
}


[data-theme=dark] input:-webkit-autofill,
[data-theme=dark] input:-webkit-autofill:hover,
[data-theme=dark] input:-webkit-autofill:focus,
[data-theme=dark] input:-webkit-autofill:active {
    caret-color: var(--neutral-10);
}

.alert-feedbackmessage{
    left: 50%;
    max-width: 630px;
    position: fixed;
    top: 72px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 301;
}

.agreements a:active {
    font: var(--body-regular-s);
}

.text-font-regular-s {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
}

.tablet h2,
.tablet .heading2,
.phone h2,
.phone .heading2{
  font: var(--heading-2);
}

.country-dropdown .dropdown-empty.is--open .dropdown-empty-trigger.input,
.country-dropdown .dropdown-empty-trigger.input:focus,
.state-dropdown .dropdown-empty-trigger.input:focus{
  border-color: var(--input-border-focus);
  box-shadow: var(--component-shadow-focus);
}


.checkbox.checkboxinvalid:before {
    border: 1px solid var(--red-7);
}

.layout-neo-onboarding .main-content .welcome {
  max-width: 432px;
}

.ThemeGrid_MarginGutter.margin-left-none {
    margin-left: 0px;
}