.vue-select{.v-field{background-color:#fff}&.v-input{&.v-input--disabled{opacity:.7;cursor:not-allowed;pointer-events:none}}.v-input__control{background:#fff;color:var(--tourcompass-graphite);height:var(--input-height);margin:0;outline:none;padding:0;text-align:left}.v-field__overlay{background:#fff}.v-field{contain:layout;&.v-field--error{border:solid 1px red}}.v-messages__message{color:var(--tourcompass-sahara)}.v-field,.v-field__field,.v-text-field__prefix,.v-field__input{background-color:transparent;border-radius:0;height:var(--input-height);color:var(--tourcompass-graphite);min-height:var(--input-height);font-size:13px}.v-field__input input{padding:0;margin:-16px 4px;height:var(--input-height);min-height:var(--input-height);&:placeholder-shown:not([aria-expanded=true]){position:fixed;padding:6px}}.v-text-field__prefix{padding-left:6px}.v-select__selection{margin:-16px 4px;height:var(--input-height);min-height:var(--input-height)}.v-field--variant-filled{background-color:transparent;opacity:1;transition:none;.v-field__overlay{opacity:0;transition:none}&:hover{opacity:1}}.v-list-item__overlay{background:transparent;opacity:1;transition:none}.v-field__outline{--v-field-border-width: 0;--v-field-border-opacity: 0}.v-list{background:#e2e1e1;margin:0;padding:0;outline:none;text-align:left;border-radius:0;overflow-x:hidden;min-height:100px;max-height:200px;.v-list-item{padding:3px 5px;min-height:unset;border-bottom:var(--border-dashed-light-grey);border-top:var(--border-dashed-light-grey);&:first-child{border-top:none}&.v-list-item--active{background:var(--tourcompass-aqua);color:#000}.v-list-item-title{font-size:13px;&.placeholder-item-title{font-weight:700;color:var(--tourcompass-base-grey)}}}}&.v-overlay__content{border-radius:0;height:200px}.v-field__append-inner{opacity:1;background:transparent;transition:none;font-size:16px;color:#979797;.v-icon{display:none}}}.number-selector{background-color:#fff;width:100%;height:var(--input-height);color:var(--tourcompass-graphite);display:flex;margin-bottom:16px;.v-input__prepend{display:flex;align-items:center;padding:6px;justify-content:flex-start;flex:1;font-size:13px;margin:1px 0 0;.tooltip-icon{margin-left:6px;cursor:help;color:var(--tourcompass-base-grey)}}.number-minus{cursor:pointer;&:hover{color:var(--tourcompass-orange)}}.number-minus__glyph{display:block;width:32px;height:32px}.v-input__control{flex:.5;display:flex;justify-content:flex-end;width:120px;.v-field{height:var(--input-height);.v-btn__overlay{opacity:0}.v-number-input__control{height:var(--input-height);hr{border:0}}.v-field__append-inner{width:32px;.v-number-input__control,.v-btn{width:32px}}.v-btn{padding:0;margin:0;&:hover{color:var(--tourcompass-orange);transition:all .15s ease-in}&.v-btn--disabled{opacity:.7;&:hover{pointer-events:none;color:var(--tourcompass-graphite)}}}.v-field__input,.v-field__prepend-inner,.v-field__append-inner,.v-field__field{padding:0;color:var(--tourcompass-graphite);height:var(--input-height);min-height:var(--input-height);.v-icon{display:block;font-size:1rem;font-weight:800;vertical-align:top;padding:0;margin:0;&.fa-plus{font-size:1rem;text-align:center;width:100%}}}}}}.text-input{background-color:#fff;width:100%;height:var(--input-height);color:var(--tourcompass-graphite);margin-bottom:22px;--v-input-padding-top: 0;grid-template-areas:"prepend control append" "messages a b";&.v-input--error{border:solid 1px red}.v-input__prepend{margin-inline-end:0}.v-messages{color:#fff;position:fixed;padding:6px 16px;width:100%;.v-messages__message{color:var(--tourcompass-sahara)}}.label{padding:6px;align-items:center;font-size:13px;margin:1px 0 0;height:var(--input-height)}.v-input__control{.v-field{height:var(--input-height);.v-btn__overlay{opacity:0}.v-btn{padding:0;margin:0;&.v-btn--disabled{background-color:#ddd}&:hover{color:var(--tourcompass-orange);transition:all .15s ease-in}}.v-field__input{font-size:13px}.v-field__input,.v-field__prepend-inner,.v-field__append-inner{padding:6px;color:var(--tourcompass-graphite);min-height:var(--input-height);height:var(--input-height);.v-icon{display:block;font-size:1rem;font-weight:800;vertical-align:top;padding:0;margin:0;&.fa-plus{font-size:2rem}}}}}}.phone-input{background-color:#fff;height:var(--input-height);color:var(--tourcompass-graphite);display:flex;margin-bottom:22px;.v-input__prepend{display:flex;justify-content:flex-start;font-size:13px;padding:0;margin:0 5px 0 0;.v-input__control{background-color:#242424;border:solid 1px #fff;height:var(--input-height);&:hover{background-color:transparent}}.v-input{padding:0;margin:0;height:var(--input-height);.v-field__overlay{background-color:transparent;&:hover{background-color:transparent;opacity:0}}.v-icon{color:var(--tourcompass-grey)}}}.country-selection{&.v-input{height:var(--input-height);min-height:var(--input-height)}.v-field__field{margin-left:10px;width:20px}}.v-input__control{flex:4;display:flex;.v-field{height:var(--input-height);.v-btn__overlay{opacity:0}.v-btn{padding:0;margin:0;&.v-btn--disabled{background-color:#ddd}&:hover{color:var(--tourcompass-orange);transition:all .15s ease-in}}.v-field__input{font-size:13px}.v-field__input,.v-field__prepend-inner,.v-field__append-inner{padding:0;color:var(--tourcompass-graphite);height:var(--input-height);min-height:var(--input-height);align-items:center;.v-icon{display:block;font-size:1rem;font-weight:800;vertical-align:top;padding:0;margin:0 3px;&.fa-plus{font-size:2rem}}}}}.v-list{background:#fff;margin:0;padding:0;outline:none;text-align:left;border-radius:0;overflow-x:hidden;height:200px;.v-list-item{padding:4px 15px;min-height:unset;&.v-list-item--active{background:inherit;color:inherit}&:hover{background-color:#f3f3f3}.v-list-item__prepend{margin-right:7px}.v-list-item__overlay,.v-list-item__underlay{background:transparent}.v-list-item-title{font-size:13px;&.placeholder-item-title{font-weight:700;color:var(--tourcompass-base-grey)}}}}&.v-overlay__content{border-radius:0;height:200px;transition:none}}.text-area{background-color:#fff;width:100%;color:var(--tourcompass-graphite);.v-input__prepend{display:block;width:100%;padding:6px 6px 0;text-align:left;font-size:13px;margin:1px 0 0}&.v-input--horizontal{display:block}.v-input__control{display:block;padding:6px;.v-field{--v-input-padding-top: 0;.v-field__overlay{display:none}.v-field__input{padding:6px;font-size:.875rem;background-color:#fff;color:var(--tourcompass-graphite);textarea{padding:0;margin:0}}}}}
