.desktop-nav.active>a {color:var(--purple-1)}
#filters .filter.closed .filter-types {display: none;}
#filters .filter.closed .collapse-btn {transform: rotate(-90deg);}
#filter-actions {min-height:1em}
@keyframes spinner-border {
  to { transform: rotate(360deg); }
}
.spinner-border {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  vertical-align: text-bottom;
  border: 0.2rem solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}
#loading {height:26px;}
.hiderelated tr.link-row {display:none}
.bm {border:none;background:transparent;width:2rem;}
.bm .watchlist-icon {height:1rem;}
#menu-toggle,.icon-container button, #panel-close {border:none;background:transparent}
#open-filters-panel{background:transparent;}
.search-box .icon-container {border:none;}
.data-table thead th {text-align:right;}
.data-table thead th.can {text-align:left;}
.data-table thead th.can i {height:1em;display:block;}
.data-table thead th.ord {text-align:center;}
.data-table thead th:hover .orddata {margin:0 auto;}
table th button.h {border:none;background:transparent;color:var(--white-1);cursor:pointer;font-weight:400;font-size:inherit;text-wrap:nowrap}
table th button.close {border:none;background:transparent;color:var(--white-1);cursor:pointer;
    position:absolute;top:0;right:0.3125rem;width:0.625rem;height:0.625rem;visibility: hidden;display: inline-block;
}
table th button.closei {border:none;background:transparent;}

.data-table thead th:hover button.close {visibility:visible}
.data-table thead th .orddata {visibility: hidden;}
.data-table thead th:hover .orddata {visibility:visible}
.data-table .sort-icon {height: 0.625rem;width: 0.625rem;cursor: pointer;visibility: hidden;margin-right: 0.2rem;}
.data-table tbody td {text-align: right; font-weight:400}
.data-table tbody td:nth-child(1),.data-table tbody td.l {text-align: center}
.data-table tbody td:nth-child(2) {text-align: left}
.data-table tbody td:nth-child(2) div.domain-name-container { max-width: 230px;overflow: hidden;text-overflow: ellipsis;}
.data-table tbody a.domain-action-button {text-decoration:none;}
.data-table tbody td.l a:hover {background: var(--blue-1);}
.data-table tbody tr:hover {background: var(--blue-8);}
#table td {text-wrap: nowrap}
.column-container .column-toggle {padding:.375rem .75rem}
.domain-icon {gap:6px}
.data-table tbody a.d {text-decoration:none;font-weight:bold;}
.data-table tbody a.d:hover {color: var(--purple-2);}

.landing-background .info-card .title {text-align:left;align-items:normal}
.filter-entry .c {margin-left:auto;}
.filter-entry a {text-decoration:none;color:var(--color-text);}
img.ss {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path stroke="none" fill="%23049fce" d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50"><animateTransform values="0 50 51;360 50 51" keyTimes="0;1" repeatCount="indefinite" dur="1s" type="rotate" attributeName="transform"></animateTransform></path><g></g></g></svg>') no-repeat; min-height:200px;min-width:275px}

.filter .custom-filter label {
    width: 120px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.fa {display: inline-block;width: 1em;height: 1.1em;background-repeat:no-repeat;vertical-align:middle}
.fa-triangle {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23f00%7D%3C/style%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E")}
.fa-image {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23ed553b%7D%3C/style%3E%3Cpath d='M448 80c8.8 0 16 7.2 16 16V415.8l-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3V96c0-8.8 7.2-16 16-16H448zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z'/%3E%3C/svg%3E")}

#pagination li.active {background-color:var(--blue-1);display:inline;}
html[data-theme="dark"] #pagination li.active {background-color:var(--blue-5)}
html[data-theme="dark"] .save-button { color:var(--color-filter-button-text);}
html[data-theme="dark"] .similar-domains a {color:#fff}
html[data-theme="dark"] .icon-light,html[data-theme="light"] .icon-dark {display:none}
html[data-theme="dark"] div input {color:var(--color-text)}

.alert { max-width: 100%;background-color: var(--blue-5);color: var(--white-1);padding: 0.5rem 2rem;transition: opacity 0.3s ease-in-out;font-size: 0.875rem;font-weight: 300;display: flex;justify-content: space-between;align-items: center;gap: 0.5rem;border-bottom:solid 1px #88f}
.alert .close {display: flex;align-items: center;cursor: pointer;}
.alert .content {display: flex;align-items: center;gap:0.5rem;}
.alert a {color: var(--white-1); text-decoration: underline;}


.save-container {width: 50%;min-width:280px;max-height: 80%;display: flex;flex-direction: column;border-radius: 0.5rem;padding: 2rem;background-color: var(--color-background);color: var(--color-text);}
.save-header {display: flex;justify-content: space-between;align-items: center;width: 100%;padding-bottom: 1.25rem;border-bottom: .0625rem solid var(--color-separator-border);}
.save-title {font-size: 1.125rem;line-height: 1.125rem;font-weight: 500;}
.save-close { align-self: end;cursor: pointer;font-size: 1.25rem;font-weight: 500;}
.save-container input {width:95%;display:block;padding:1em;}
.save-container .form-container .button-container .query-save-button {border:none;height: 2.7rem;}
.is-invalid ~ .help-block {color: #dc3545;}
.save-container .form-container .form-group label {margin:0}
.per-domain-section .domain-data a, .similar-domains .btn {text-decoration:none}
.cookie-consent-popup {
    background: #fff;
    border-top:solid black 1px;
    padding:1rem 0rem;
}

.cookie-consent-popup.open {
    display: block;
    opacity: 1;
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.cookie-consent-controls {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;

}

.cookie-consent-controls.open {
    margin: 1rem 0 2rem 2rem;
    max-height: 600px;
}

.cookie-consent-details {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-details.open {
    max-height: 600px;
}

@keyframes show {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes hide {
    from {opacity: 1;}
    to {opacity: 0;}
}

.cookie-consent-popup button, .gradbtn {
    background: var(--gradient-1);
    border-radius: 0.5rem;
    color: var(--white-1);
    padding: 0.5rem 1rem;
    text-decoration: none;
    align-self: end;
    border: none;
    cursor: pointer;
    font-size: 0.9em;
}

.cookie-consent-popup .cookie-consent-controls-toggle, .cookie-consent-popup .cookie-consent-details-toggle {
    background: transparent;
    color: #000;
    border: dotted black 1px;
}

.cookie-consent-top-wrapper, .cookie-consent-controls, .cookie-consent-details { margin: 0 2rem;}
.cookie-consent-top-wrapper { margin-bottom:1rem; }

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
}
.dropup, .dropright, .dropdown, .dropleft {
    position: relative;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown.show .dropdown-menu {
    display: block;
}

.nav-content li a.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 100;

    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

#header .navbar {
    height:auto;
}

.caret-up {display: inline-block;margin-top: .5em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.caret-down {display: inline-block;margin-top: .5em;content: "";border-bottom: .3em solid;border-right: .3em solid transparent;border-top: 0;border-left: .3em solid transparent;vertical-align: super;}

@media (max-width: 768px) {
    .showfilters .page-content {display:none}
}

.ticket-page-container #comment {width:100%;}

   #filters-modal .modal-content { width:680px;}

   #filters-modal .sub-title {font-weight:bold;}
   #filters-modal .row {display:flex;flex-wrap: wrap;margin:0 auto;min-width:680px;}
   #filters-modal .col {margin:1px;padding:1rem;max-width:300px;}

   #filters-modal .selected-filters .add, #filters-modal .available-filters div.min, #filters-modal .available-filters div.close {display:none}
   #filters-modal .box.closed .filters, #available_filters .box .filters  { display:none}
   #filters-modal .actions { display:flex;margin-left:auto;}
   #filters-modal .col.modal-content .filters {display:block;}
   #filters-modal .box {margin:4px 0;}
   #filters-modal .box .bt {cursor:grab;}
   #filters-modal .filters>.dragging { border:solid red 1px;}

   #filters-modal .add-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.4444rem;
    margin-top:2rem;
    padding: .625rem;
    border-radius: .3125rem;
    background-color: var(--color-links-modal-link-save);
    color: var(--color-text);
    cursor: pointer;
    text-decoration:none;
}

@media (width < 992px) {
  #filters-modal .modal-content .filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width < 768px) {
  #filters-modal .modal-content .filters {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  #filters-modal .row {min-width:100%;}
  #filters-modal .col {padding:0;width:100%;}
  .xs-hide {display:none;}
}

.provider-logo {color:#1bdbdb;font-size:32px;font-weight:bold;margin:0 1rem;width:auto;}
.bid-btn, .bid-on-btn {text-decoration:none;}
.colorgreen {color:--green-2}
.domain-list-row span a {text-decoration:none;color:var(--color-text);}
.domain-list-bid-btn {display:flex;justify-content:center;}

@media (width > 800px) {
    .domain-list-bid-btn {width:220px;}
    .domain-list-header-price {margin-right: 240px;}
    .name-icon-content .domain-name { font-size:2rem;}
}

.fa-dnd {display: block;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cstyle%3Esvg%7Bfill:%23fff%7D%3C/style%3E%3Cpath d="M0 168v-16c0-13.3 10.7-24 24-24h360V80c0-21.4 25.9-32 41-17l80 80c9.4 9.4 9.4 24.6 0 33.9l-80 80C410 272 384 261.5 384 240v-48H24c-13.3 0-24-10.7-24-24zm488 152H128v-48c0-21.3-25.9-32.1-41-17l-80 80c-9.4 9.4-9.4 24.6 0 33.9l80 80C102.1 464 128 453.4 128 432v-48h360c13.3 0 24-10.7 24-24v-16c0-13.3-10.7-24-24-24z"/></svg>')}
.drag-over {background: var(--blue-2);}

.profile-box {display:block}
.profile-box-list {margin-top:1rem}
.profile-header-icon, .profile-box-heading {vertical-align:middle}
.domain-intro-section {margin-top:1rem;}


.on-icon { fill: #838ceb;transition: transform 0.3s ease, opacity 0.3s ease;display:inline-block;vertical-align: middle;margin-top: -5px;}
.off-icon { fill: #374151;transition: transform 0.3s ease, opacity 0.3s ease;display:inline-block;vertical-align: middle;margin-top: -5px;}

.visibility-button {vertical-align: middle}
#related-button .on-icon {display:none}
.showrelated #related-button .off-icon {display:none}
.showrelated #related-button .on-icon {display:inline-block}

#live-button .on-icon {display:none}
.showlive #live-button .off-icon {display:none}
.showlive #live-button .on-icon {display:inline-block}

.data-table td.odometer {display:table-cell;xfont-family:'DM Sans', sans-serif}
.w6 {width:6em}
.w7 {width:7em}
.w8 {width:8em}
.w9 {width:9em}
.w10 {width:10em}

.data-table tbody td {font-family:Roboto, Arial, sans-serif !important}
#live-button .tooltip.visible {top:auto;}
#live-button .info-icon {width: 1rem;height: 1rem;cursor: pointer;}

td.p {position:relative;}

.pulse {
    width: 10px;
    height: 10px;
    background-color: var(--red-1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: -3px;
    animation: pulse 1.5s infinite;
}

.aup {
    width: 0;
    height: 0;
    margin-top: -2px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid white;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 64, 129, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 64, 129, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 64, 129, 0);
  }
}

.domain-action-bar {
    display: none;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1rem 2rem;
    width: calc(100% - 4rem);
    z-index: 1000;
    background-color: var(--color-background);
}

@media (width < 768px) {
    .domain-action-bar {display: flex;box-shadow: 0 -2px 6px rgba(0,0,0,0.1);}
}

.domain-action-bar .domain-action-button {

    color: var(--white-1);
    border: none;
    border-radius: 0.5rem;
    padding: 0.8rem 1rem;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 1rem;
    text-wrap-mode: nowrap;
    background: linear-gradient(-45deg, #ffa63d, #d3031c, #338aff);
    background-size: 250%, 100%;
    background-position: right;
    animation: bidanime 7s linear infinite;
    transition: background-position 0.6s ease, color 0.6s ease, transform 0.6s ease;
    text-decoration:none;
    box-shadow: 0 4px 8px #00000080, 0 1px 2px #00000080;
}
.domain-action-bar .domain-action-button:hover {
        background-position: left;
        transform: scale(1.05);
      }

@keyframes bidanime {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

.all-filters-container {
    gap:1rem;
}

#filters-panel .inactive, #saved-filters.inactive, #columns.inactive, #table-settings.inactive {color:var(--grey-2);opacity:0.5;}
#filters-panel .inactive svg{opacity:0.5;}
.tools-icon {fill: none;stroke: var(--color-purple);}


#search-page-content .faq-container {margin:0}
#search-page-content .page-heading-text {font-size: 2.2rem;text-align: center;}
#search-page-content .heading-description-text {font-size: 1.8rem;text-align: center;}
#search-page-content .carousel-card-container {margin:0}

.white-bid-btn {
    text-decoration:none;
    background: var(--white-1);
    color: var(--black-1);
    border: none;
    border-radius: .7rem;
    padding: .8rem 1rem;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s;
    gap: 1rem;
    text-wrap-mode: nowrap;
}