.quick-access { position: relative; box-shadow: none; border: 0; border-radius: 8px; width: 200px; &:hover, &.expanded, &.active { border-color: transparent; .quickAccessInside .quickAccessInput { background-color: @theme-color-background-contrast; border: 1px solid @theme-color-focus-ring; outline: 0; box-shadow: none; } } .quickAccessInside { flex: auto; } li { font-size: 14px; } li a { padding: 10px 19px; display: inline-block; text-decoration: none; word-break: break-all; color: @theme-color-text-lighter; } .icon-search { position: absolute; font-size: 14px; top: 13px; left: 12px; color: @theme-color-border; } .quickAccessInside .quickAccessInput { height: 38px; font-size: 14px; padding: 10px 12px 10px 38px; border: 1px solid @theme-color-border; border-radius: 8px; width: 100%; &:focus-visible { border: 1px solid @theme-color-focus-ring; outline: 1px solid @theme-color-focus-ring; } } .quickAccessInside .quickAccessDropdown.dropdown { padding: 8px; border-radius: 8px; margin-top: 5px; width: 200px; max-height: 75vh; overflow: auto; box-shadow: 0 10px 40px 0 rgba(165, 177, 202, 0.30), 0 0 3px 0 rgba(165, 177, 202, 0.30); @media all and (max-width: 992px) { width: 100%; } } .quickAccessInput::placeholder { color: @theme-color-text-placeholder; } .selected { background-color: @theme-color-background-tinyContrast !important; border-radius: 8px; } .quick-access-category { text-align: left !important; font-size: 14px; font-weight: 600; padding: 8px; cursor: pointer; } .result { cursor: pointer; font-weight: normal; } .quick-access-category:hover { background: none !important; } .no-result { padding: 10px 19px; cursor: default; } .websiteCategory { cursor: default; } li.quick-access-help a { word-break: break-word; } }