/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.dropdown-link-list-component {
  position: relative;
  border: 1px solid transparent; }
  .dropdown-link-list-component.active {
    border-color: #707070;
    border-bottom: 1px solid #CCC; }
  .dropdown-link-list-component ul {
    list-style-type: none; }
  .dropdown-link-list-component .title {
    cursor: pointer; }
  .dropdown-link-list-component .content {
    position: absolute;
    top: 2.5625rem;
    z-index: 2;
    background: #fff;
    width: 100%;
    outline: 1px solid #707070;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2); }
  .dropdown-link-list-component a {
    font-size: 0.875rem;
    color: #707070;
    text-decoration: none;
    line-height: 2rem; }
  .dropdown-link-list-component.collapsible-xl .title:not(.no-arrow)::after {
    font-size: 1.5rem;
    color: #071D49; }