:root {
    --text-primary: #151515;
    --text-secondary: #9747FF;
    --text-secondary-dark: #9423ED;

    --alert--green: #96c23d;
    --alert-bg--green: #f7faef; /* a=0.08 blended to #fff */
    --alert--red: #f00;
    --alert-bg--red: #ffebeb; /* a=0.08 blended to #fff */
    --alert--blue: #5479f7;
    --alert-bg--blue: #f1f4fe; /* a=0.08 blended to #fff */
    /* --text-secondary: --text-secondary */
    --alert-bg--orange: #fef1e3; /* a=0.15 blended to #fff */
    /*  --alert--grey: --text-primary */
    --alert-bg--grey: #ececec; /* a=0.08 blended to #fff */
    --bg-spinner--width: 20px;
    --bg-spinner--height: 20px;

    --stripe-color-primary: #9847ff;
    --stripe-color-icon: #9847ff;
    --stripe-color-text: #151515;
    --stripe-color-danger: #F00;
    --dialog-animation-time: 0.4s;
}

[x-cloak] { display: none !important }

.text-secondary-dark { color: var(--text-secondary-dark) !important; }

.nowrap { white-space: nowrap }

.text-upper { text-transform: uppercase }

.toast-container {
    z-index: 10010;
    position: fixed;
    top: 24px;
    width: 480px;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .toast-container { top: auto; bottom: 0; }
}

.toast-container .toast {
    margin: 8px;
    padding: 16px 16px 16px 20px;
    border-radius: 8px;
    border-left: 4px solid var(--text-primary);
    background-color: var(--alert-bg--grey);
    font-size: 14px;
    line-height:20px;
    max-width: 640px;
    box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.12), 0 15px 32px 0 rgba(0, 0, 0, 0.24);
}

.toast-container .toast--success {
    border-left-color: var(--alert--green);
    background-color: var(--alert-bg--green);
}

.toast-container .toast--error {
    border-left-color: var(--alert--red);
    background-color: var(--alert-bg--red);
}

.toast-container .toast--warning {
    border-left-color: var(--text-secondary);
    background-color: var(--alert-bg--orange);
}

.toast-container .toast--info {
    border-left-color: var(--alert--blue);
    background-color: var(--alert-bg--blue);
}

.toast-container .toast--remove {
    animation: toast-remove-animate, .3s linear;
}

/* html:has(dialog[open]), body:has(dialog[open]) {
    overflow: hidden;
} */

.mt-10 { margin-top: 10px  }

.mt-24 { margin-top: 24px }

.flag-shadow {
  /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAHIUExURQAAAP///////////////////////////////////////////////////////+bm5rS0tNnZ2e7u7o2NjbCwsMrKyuzs7Dk5OTs7O9bW1vr6+sbGxhYWFhUVFWtra+Pj44KCgnp6euDg4H9/f1FRUUREREJCQhsbGywsLOHh4bGxsRwcHC0tLWRkZHNzc3BwcB0dHbOzs2dnZ/X19f7w4f3ZtPzUqP3ZsvPhz2VlZdzc3HR0dDAwMPb29vmjR/miRfCxbS4tLHd3d0dHR2lpaf7v4PmjRr59OVM7ImtKJ+aWQeWVQWpJJ759OGdNMUhHRt/f3/n5+T09PX19ff3ate+cQyAcF0o1ICkiGWhIJmZHJioiGUk1ICEcGPGdRHlTKj02L4uLixcXF/zVrBYWFXxVKkQyH1E6IUYzIHtUK+eXQj0yJYyMjCQkJKampoZbLRgXFsWCOsSCOighGYdbLT0wI6mpqfKeRPehRKurq0NDQ3JycrB1Ni4lG11BJLF2Nm9NKEM1JmZmZvvVrIJZLDstHWhUPsLCwo5/cIpdLcW1o4aGhlI9KJJiL61zNVA6IYhyWra2tk1KRx4bGR4bF009LLakjwAAAEgtddgAAAAOdFJOUwAdrPKvJ+3uqvHwqewce88HiQAAAAFiS0dEAIgFHUgAAAAHdElNRQfnCxwWMRkQFygcAAABbklEQVQ4y2NgYGRi5sMBmFlYGRgY2fjwAHZGBiY+vICDgRm/Ak4GNAF+AUFUATQFQsIiovgUiIlLSErhUyAtIysrh9cKeQVZRVwKlJRVVFXV1DVUVVVVlDUxFWhp6+jq6enpA7GeroaBIboCQXUjYxNTMwgwt7DUtkJTYG1ja2ZnDwcOjk5oCpxdXN3cPTy97O29fTx87e39/FEUBAQGBYeEhoVHRNrbR0XHxMbZxycEBiAUJCaJBAUne6WkpnnY26dnZKZk2cdniyTlwBXkyuYBFdjnF0QU2tsXFReU2NvHl+bJ5sIV6MqWgRTYl1eAHFhRbg9SUCarC1cgVSkEVoAE4kuFKqWQfVFVDVJQU1tXV1sPUtDQiObNpqBmoHBWS3p6SxbImtY2NAXtsh3INnTKdqHHRbdsT28fFPT2y07AjM2JkybLQsGUqdNwpQdMQA8FBDIOFwMLfgXcDKzs+OR5eIHZm4MTlzQnNy8DAAK8fxbykoqMAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTExLTI4VDIyOjQ5OjI1KzAwOjAw/a1+UAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0xMS0yOFQyMjo0OToyNSswMDowMIzwxuwAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMTEtMjhUMjI6NDk6MjUrMDA6MDDb5eczAAAAAElFTkSuQmCC");*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 28px;
  height: 20px;
  transform: scale(0.75);
}

.domains-wrapper__table .flag-shadow {
    margin-right: 6px;
}

.trademarks-search__box .flag-shadow,
.international-trademark-table__country .flag-shadow {
    margin-left: -4px;
    margin-right: 4px;
    border-radius: 2px;
}

.trademarks-search__box .flag-shadow {
    margin-left:0;
}

.country-card  .flag-shadow,
.endings__card-title .flag-shadow {
    margin-right: 4px;
    border: 1px solid #edeff6;
    border-radius: 6px;
}

@media only screen and (max-width: 568px) {
    .country-card  .flag-shadow,
    .endings__card-title .flag-shadow {
        margin-right: 4px;
    }
}

.trademarks-country .breadcrumb .flag-shadow {
    margin-left: 3px;
    transform: scale(0.6);
}


@keyframes dialog-open {
  from { opacity: 0 }
  to { opacity: 1 }
}

@keyframes dialog-close {
  from { opacity: 1 }
  to { opacity: 0 }
}

@keyframes dialog-open-backdrop {
  from { background-color: rgba(14, 2, 29, 0) }
  to { background-color: rgba(14, 2, 29, 0.7) }
}

@keyframes dialog-close-backdrop {
  from { background-color: rgba(14, 2, 29, 0.7) }
  to { background-color: rgba(14, 2, 29, 0) }
}

.popup--modal {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    max-width: 480px;
    opacity: 0;
    animation: dialog-close var(--dialog-animation-time) forwards;
    transition: display var(--dialog-animation-time) allow-discrete, overlay var(--dialog-animation-time) allow-discrete;
}

.popup--modal[open] {
    opacity: 1;
    animation: dialog-open var(--dialog-animation-time) forwards;
}

.popup--modal::backdrop {
    background-color: rgba(14, 2, 29, 0);
    animation: dialog-close-backdrop var(--dialog-animation-time) forwards;
}

.popup--modal[open]::backdrop {
    background-color: rgba(14, 2, 29, 0.7);
    animation: dialog-open-backdrop var(--dialog-animation-time) forwards;
}

.popup--modal .popup__close-btn {
    font-size: 32px;
    color: var(--text-secondary);
    opacity: 0.3;
}

@media only screen and (max-width: 480px) {
    .popup-modal {
        width:100%;
    }
}

@media only screen and (min-width: 768px) {
    .popup--modal {
        max-width: 680px;
    }
}

@media only screen and (max-width: 1280px) {
  .popup--modal {
    max-width: 95% !important;
  }
}

.popup--modal__wrapper {
    padding: 8px;
}

.popup--modal__country-prices {
    min-width: 800px;
}

.popup__close-btn {
  top: 24px;
  right: 32px;
}

@media only screen and (max-width: 800px) {
    .popup--modal__country-prices {
        min-width:calc(100% - 16px);
        max-width:calc(100% - 16px);
        margin: auto 8px;
    }
}

.trademarks-prices-popup .tab-content {
    display: block !important;
}

.terms-menu__title {
    font-family: "Cabin", sans-serif;
}

.terms__content {
    width: 100%;
    padding: 16px 32px;
}

main.blog section.hero {
    min-height: 600px;
}

.article-page__article .article-page__content h1>a,
.article-page__article .article-page__content h2>a,
.article-page__article .article-page__content h3>a,
.article-page__article .article-page__content h4>a,
.article-page__article .article-page__content h5>a,
.article-page__article .article-page__content h6>a
{
    color: #151515;
    pointer-events: none;
    text-decoration: none;
}
.article-page__content h1, .article-page__content h1 a,
.article-page__content h2, .article-page__content h2 a,
.article-page__content h3, .article-page__content h3 a,
.article-page__content h4, .article-page__content h4 a,
.article-page__content h5, .article-page__content h5 a,
.article-page__content h6, .article-page__content h6 a {
    font-weight: 900;
}

.article-page__article {
    line-height: 1.5;
}

.article-page__article .article-page__content ul,
.article-page__article .article-page__content ol,
.article-page__article .article-page__content dl
{
    list-style-position: outside;
    padding-left: 24px;
}


.password-confirmation__error-message {
    display: none;
}

.form-select__no-bind .form-select__options-list {
    visibility: visible;
    opacity: 1;
}

.form-input .tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
    margin-left: 4px;
}

.form-input .tooltip.tooltip--modal {
    cursor: pointer;
}

.form-input .tooltip svg {
    vertical-align: text-top;
}

.form-input .tooltip-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    z-index: 10;
    top: calc(100% - 2px);
    background: #fff;
    border: 1px solid #edeff6;
    border-radius: 8px;
    min-width: 400px;
    max-width: 560px;
    padding: 16px;
    font-size: 14px;
    line-height: 17px;
    text-align: start;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
    color: #151515;
}

@media only screen and (max-width: 768px) {
    .form-input .tooltip {
        float: left;
        margin-right: 4px;
    }
    .form-input .tooltip-container {
        left: -40px;
        min-width: 320px;
        width: 80vw;
    }
}

.form-input .tooltip:hover .tooltip-container {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.form-input .tooltip-container p { text-align: justify }

.form-input textarea.common-input { height: auto }


.form-input__join {
    display: flex;
    position: relative;
}

.form-input__join .form-input {
    width: 50%;
}

.form-input__join .form-input .common-input,
.form-input__join .form-input .form-select {
    margin-top: 24px;
}

.form-input__common-input[readonly], .form-input .common-input[readonly] {
    cursor: default;
}

.form-input__join .form_input__append {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    padding:36px 16px 16px;
    color: rgba(0, 0, 0, 0.64);
}

.form-input__join .form-input label {
    width: 100%;
    display: block;
    position: absolute;
    z-index: 2;
}

.autofill-support-input {
    position: fixed;
    top: -100px;
}

.form-input .error-message {
    margin-top: 14px;
}

.form--select__typeahead {
    position: absolute;
    top: 56px;
    width: 100%;
    background-color: white;
    border-bottom:16px solid white;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.domains-wrapper__filters .form--select__typeahead {
    top: 64px;
}

.form--select__typeahead input {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 8px 16px;
    border: 1px solid rgba(21, 21, 21, 0.08);
    border-radius: 8px;
    font-size: 14px;
}

.form--select__typeahead input:focus {
    outline: none;
    border: 1px solid !important;
}

.form--select__typeahead .form-select__options-list {
    top: 40px !important;
    /*z-index: 3;*/
}

.form-select.active .form--select__typeahead {
    opacity: 1;
    visibility: visible;
}

.info__editing-item__full {
    width: 100%;
    padding-right: 16px;
}

.form-select__google-suggest {
    position: relative;
    z-index: 2;
    display: block;
}
.form-select__google-suggest .form-select__options-list {
    top: 6px;
    max-height: 182px;
    visibility: visible;
    opacity: 1;
}
.form-select__google-suggest .form-select__options-list .form-select__options-item {
    display: list-item;
}

#send-email-btn {
    font-size: 14px;
}

.account-card .link-breadcrumb svg.backarrow {
    stroke: var(--text-secondary-dark);
}

.dnd-input>label
{ line-height: 1.5 }

.dnd-input>label {
    color: var(--text-primary);
    margin: 16px;
}

.dnd-input {
    margin-bottom: 16px;

}

.dnd-input__widget {
    color: rgba(0, 0, 0, 0.64);
    font-size: 14px;
    border-radius: 8px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2315151550' stroke-width='2' stroke-dasharray='9%2c 9' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    cursor: pointer;
}

.dnd-input__widget label {
    color: #15151580;
    margin: 0 64px;
}

.dnd-input__widget--dropzone {
    min-height: 144px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dnd-input__widget--dropzone > label > span {
    display: block;
    text-align: center;
    margin-bottom:8px;
}
.dnd-input__widget--filename {
    font-weight: 500;
    color: #151515;
}

.dnd-input__widget--drag {
    border-color: #0c8ec3;
}

.dnd-input__widget.dnd-input__widget--hover,
.dnd-input__widget.dnd-input__widget--drag {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%239423EDFF' stroke-width='2' stroke-dasharray='9%2c 9' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}
.dnd-input__widget--hover label,
.dnd-input__widget--hover .dnd-input__widget--filename
{ color: var(--text-secondary); cursor: pointer }
.dnd-input__widget--drag label { color: var(--text-secondary)}

.dnd-input__widget--input {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1px;
    width: 100%;
}
.dnd-input__widget--input input,
.dnd-input__widget--input input[disabled] {
  opacity: 0.001;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#upload-file-block .dnd-input__widget {
    font-size: 16px;
}

.popup__close-btn {
    outline: none !important;
}

dialog.trademarks-class-selectors-popup {
    max-width: 800px;
}

.order__profile-wrapper .form-input {
  width: 100%;
}

.order__notification-content strong,
.order--confirm .order__table-row:last-child .bold {
    /*color: var(--text-secondary-dark) !important;*/
    color: #151515 !important;
}

.btn--delete-ordered-trademark {
    cursor: pointer;
}

.btn--pay .loader {
  display: none;
}

.btn--pay.is-loading .before {
  display: none;
}
.btn--pay.is-loading .arrow-container {
  display: none;
}

/*noinspection CssInvalidFunction*/
.btn--pay.is-loading .loader {
  display: block;
  width: 28px;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ffd5a7;
  --_m:
    conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.btn--pay.is-completed .loader,
.btn--pay.is-completed .before,
.btn--pay.is-completed .arrow-container {
  display: none;
}
.btn--pay.is-completed .after {
  display: inline;
}


.header__actions-item--cart__indicator  {
    position: absolute;
    top: -5px;
    right: -5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 2;
}

.header__actions-item--cart__blue {
    background-color: var(--text-secondary);
}

.header__actions-item--cart__red {
    background-color: red;
}

.header__cart-actions:last-child {
    border: 0;
    margin-bottom: 0;
}

.header__cart--empty p.header__cart-text {
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
}

.footer__select--currency .footer__options-item * {
    white-space: nowrap;
}

.form-select__control-button.form-select__control-button--disabled .selected-option {
    color: rgba(0, 0, 0, 0.64);
    pointer-events: none;
    cursor: none;
}

.form-select__control-button.form-select__control-button--disabled svg {
    display: none;
}

.form-select.active .form-select__control-button svg {
    transform: rotate(180deg);
}

.info__editing-item__2_3 {
    width: calc(66.666% - 16px);
}

@media only screen and (max-width: 568px) {
  .info__editing-item__2_3 { width: 100% }
}

.trademarks-prices-popup .trademark-prices-table__item_2_3 {
  padding: 0 8px;
  width: 66.67% !important;
  line-height: 1;
}

.password-validation h2 {
    line-height: 1.2;
}

.payment-form .btn--add-method {
    font-size: 14px;
    height: 48px !important;
    margin: 12px 0 12px 0;
}

.payment-form .radio-button.radio-button--tab {
    margin-right:0;
    margin-left: 24px;
}
.payment-form .radio-button.radio-button--tab label {
    white-space: nowrap;
}

.payment-form .radio-button.radio-button--tab:first-of-type {
    margin-left: 0;
}

.password-confirmation__error-message {
    display: none;
}

.switch-container .lds-spinner {
    margin-right: 16px;
}

form:not(.htmx-request) .switch-container > *:not(.lds-spinner),
form.htmx-request .switch-container .lds-spinner {
    display: initial;
}

form.htmx-request .switch-container > *:not(.lds-spinner),
form .switch-container .lds-spinner {
    display: none;
}

.money-value--positive {
    color: #78ab11
}

.money-value--negative {
    color: rgba(255, 0, 0, 0.8)
}

@media only screen and (min-width: 768px) {
    .popup--confirmation-card {
        background-color: transparent;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 578px;
        position: absolute;
    }

    .popup--confirmation-card .popup__wrapper {
        max-width: 578px;
        padding: 24px;
        transform: unset;
        top: unset;
        left: unset;
        border: 1px solid rgba(21, 21, 21, 0.08);
        box-shadow: 0 16px 32px 0 rgba(36, 61, 145, 0.04);
    }

    .popup--confirmation-card .popup__cta-box {
        justify-content: flex-end;
    }

    .popup--confirmation-card .popup__title {
        max-width: 100%;
    }

    .popup--confirmation-card .popup__close-btn {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .popup--confirmation-card {
        background-color: transparent;
    }

    .popup--confirmation-card .popup__wrapper {
        max-width: 580px;
        padding: 24px;
        border: 1px solid rgba(21, 21, 21, 0.08);
        box-shadow: 0 16px 32px 0 rgba(36, 61, 145, 0.04);
    }

    .popup--confirmation-card .popup__cta-box {
        justify-content: flex-end;
        gap: 10px;
    }

    .popup--confirmation-card .popup__title {
        max-width: 100%;
    }

    .popup--confirmation-card .popup__close-btn {
        display: none;
    }
}

.btn--delete * {
    pointer-events: none;
}

#payment-setup-element {
    min-height: 300px;
}

a.btn--clear-filters {
    text-align: center;
}

.account-table--billing-methods .account-table__item:nth-of-type(3) {
  text-align: left;
}

.account-table--billing-methods .account-table__header-wrapper:nth-of-type(3),
.account-table--billing-methods .account-table__header-wrapper:nth-of-type(4) {
  justify-content: center;
}

.account-table--wallet .account-table__header-wrapper:nth-of-type(4) .btn--sort,
.account-table--wallet .account-table__header-wrapper:nth-of-type(5) .btn--sort {
    margin-right:8px;
}

.account-table--wallet .account-table__header-wrapper:nth-of-type(4) .account-table__header-text,
.account-table--wallet .account-table__header-wrapper:nth-of-type(5) .account-table__header-text,
.account-table--wallet .account-table__header-wrapper:last-of-type .account-table__header-text {
    text-align: center;
}

.account-table--invoices .account-table__header-wrapper .account-table__header-text,
.account-table--order-tm-services .account-table__header-wrapper .account-table__header-text {
    white-space: nowrap;
}


.account-table--order-tm-services .account-table__item:first-of-type  { width: 17%; }
.account-table--order-tm-services .account-table__item:nth-of-type(2) { width: 30%; }
.account-table--order-tm-services .account-table__item:nth-of-type(3) { width: 15%; }
.account-table--order-tm-services .account-table__item:nth-of-type(4) { width: 37%; }


@media only screen and (max-width: 1280px) {
.account-table__item-content--multiline small {
    white-space: nowrap;
}
    }

@media only screen and (max-width: 768px) {
    .account-table__item-content--multiline {
        text-align:right;
    }
}

.info__wrapper--printable-invoice div.pre {
    font-size: 11px;
    white-space: pre;
    font-family: monospace;
    margin: 16px;
}

.info__wrapper.double-column-rev .info__wrapper-item:first-child {
  flex-grow: 1;
  margin-left: 6px;
}
@media only screen and (max-width: 767.98px) {
  .info__wrapper.double-column-rev .info__wrapper-item:first-child {
    width: 100%;
    margin: 0 0 16px;
  }
}



@media print {
    .body-printable footer,
    .body-printable .no-print,
    .body-printable header .header__nav,
    .body-printable header .header__actions,
    .body-printable header .minimalistic-menu,
    .body-printable header .mobile-menu {
        display: none;
    }
}

.account-page--order-trademark-services .h3.card__title {
    text-transform: uppercase;
}

.info__wrapper-item_2_3 {
  display: flex;
  flex-direction: column;
  width: 66.66%;
}
.info__wrapper-item_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.trademarks-search__box-content .form-input .text-14 {
    font-size: 16px !important;
}

.search-results__filters-button {
    cursor: pointer;
}

.btn-spinner {
    display: none;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDEwMCAxMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiPjxkZWZzPjxyZWN0IGlkPSJsIiB4PSI0Ni41IiB5PSI0MCIgd2lkdGg9IjkiIGhlaWdodD0iMjUiIHJ4PSI0IiByeT0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzApIi8+PC9kZWZzPjx1c2UgaHJlZj0iI2wiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDUwIDUwKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxLjFzIiBiZWdpbj0iMC4xNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+PC91c2U+PHVzZSBocmVmPSIjbCIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjI4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjQycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjU2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjcwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjg0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgzMTUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjk4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgzNjAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvdXNlPjwvc3ZnPg==') no-repeat center;
    width: 18px;
    height: 18px;
    background-size: 20px 20px;
    margin: 0 4px;
}


.input-search__btn[disabled] .search-btn-text {
    display: none;
}

.input-search__btn[disabled] .btn-spinner {
    display: inline-block;
}

.loader-progress {
    position: absolute;
    animation: pong 6s ease-in-out infinite;
}

@keyframes pong {
    0% {
        left: 0;
        width: 0;
    }
    25% {
        left: 0;
        width: 100%;
        background: rgb(163, 75, 244, 0.62);
    }
    50% {
        right: 0;
        left: 100%;
        width: 0;
        background: rgb(163, 75, 244);
    }
    75% {
        left: 0;
        right: 100%;
        width: 100%;
        background: rgb(163, 75, 244, 0.62);
    }
    100% {
        left: 0;
        right: 100%;
        width: 0;
    }
}

.trademarks-search-results__blocked {
    text-align: center;
    font-size: 16px;
}

.trademarks-search-results__blocked a {
    color: var(--text-secondary-dark);
}

.trademarks-search-results__blocked a:hover,
.trademarks-search-results__blocked a:focus {
    text-decoration: underline;
}

.trademarks-search__box-content[disabled] * {
    pointer-events: none;
    opacity: .88;
}

.trademarks-search__box-content.dropdown-body.opened {
    margin-top:16px;
    max-height: none;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

@keyframes height {
    0% {
        max-height: 0;
    }
    100% {
       max-height: 100%;
    }
}

.table__content-item .table__content-item-box.trademark-class {
    word-break: break-all;
}
/*.order__summary {*/
/*    grid-template-columns: 1fr 400px;*/
/*}*/

/*.img-fb:empty {*/
/*    width: 0;*/
/*    height: 0;*/
/*}*/

.text-base {
    font-size: 16px !important;
}

.form-input-group {
    display: flex;
}

.form-input-group {
    display: flex;
}

.form-input-group>.form-input:first-child {
    flex: 0 0 auto;
}
.form-input-group>.form-input:last-child {
    flex-grow: 1;
}

.form-input-group>.form-input:last-child {
    flex-grow: 1;
}

.order__section-grid .form-input-group>.form-input:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.order__section-grid .form-input button.remove-field {
    position: unset;
    margin:auto 0 16px 12px;
}

.trademarks-order-info .order__summary-item.order__summary-item--calc {
    min-width: 280px;
}

.trademarks-order-info .order__summary-item--calc .order__summary-list li {
    margin-bottom: 16px;
}

.account-card__header-icon {
    color: var(--text-secondary);
}

.account-table--pending-services .account-table__item .label {
    white-space: normal;
}

@media only screen and (max-width: 768px) {
        .account-table--pending-services .account-table__item:last-of-type .account-table__item-content {
        margin:unset;
    }
}

.account-table--pending-services .account-table__item:last-child {
    margin-right: unset;
}

.account-table--pending-services .account-table__item:last-of-type .account-table__item-content {
    margin-left: unset;
}
.account-table--pending-services .account-table__item .sublabel {
    font-size: 12px;
    padding: 8px 12px 0;
    /*text-align: right;*/
}

@media only screen and (max-width: 768px) {
  .account-table--pending-services .account-table__item .sublabel {
      max-width: 180px;
      text-align: right;
  }
}

/*.account-table--pending-services .account-table__header .account-table__item:first-of-type {*/
/*    width: 26.8%;*/
/*}*/

/*.account-table--pending-services .account-table__header, .account-table--order-domain-services .account-table__item-wrapper {*/
/*  gap: 24px;*/
/*}*/

.account-table--pending-services .account-table__item-desc-wrapper {
  /*grid-template-columns: 114px 95px 1fr;*/
  grid-template-columns: 60% 40%;
}
@media only screen and (max-width: 1280px) {
  .account-table--pending-services .account-table__item-desc-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  .account-table--pending-services .account-table__item-desc-wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .account-table--pending-services .account-table__item-desc-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media only screen and (max-width: 568px) {
  .account-table--pending-services .account-table__item-desc-wrapper {
    grid-template-columns: 1fr;
  }
}

.account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row {
  justify-content: center;
}
@media only screen and (max-width: 1280px) {
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:nth-child(2)::after {
    display: none;
  }
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:first-child:after {
    right: 0;
  }
}
@media only screen and (max-width: 1280px) and (max-width: 1024px) {
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:first-child:after {
    display: none;
  }
}
@media only screen and (max-width: 1280px) and (max-width: 767px) {
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:first-child:after {
    display: block;
    right: -16px;
  }
}
@media only screen and (max-width: 1280px) and (max-width: 568px) {
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:first-child:after {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:nth-child(3) {
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 568px) {
  .account-table--pending-services .account-table__item-desc-wrapper .account-table__item-desc-row:nth-child(3) {
    grid-column: auto;
  }
}

.account-form--waiting-information {
    max-width: 100%;
}

.account-form--waiting-information>.form-input {
    margin-bottom: 24px;
    max-width: 424px;
}

.account-form--waiting-information>.form-input.dnd-input {
    max-width:100%;
}

.account-form--waiting-information>.form-input.dnd-input label {
    font-size: 16px !important;
    color: rgba(21, 21, 21, 0.4);
    margin-left: 0;
}

.account-form--waiting-information>.form-input.dnd-input label:hover {
    color: var(--text-secondary);
}

.account-form--waiting-information>.form-input.dnd-input label strong {
    display: none;
}

.account-form--waiting-information>.form-input.dnd-input label .label-text-alt {
    font-size: 14px;
}

@media only screen and (max-width: 568px) {
    .text-center {
        text-align: center !important;
    }
}


.account-table--common .account-table__header-text { text-transform: uppercase }

.btn--hide-filters { cursor: pointer }

.account__filter-form .form-input label,
.account__filter-form .form-input .common-input,
.account__filter-form .form-input__common-input {
    font-size: 14px !important;
}

.info__item-content:not(:first-of-type) {
    margin-top: 8px;
}

.account-table__item.account-table__item--empty {
    grid-template: none;
    width: 100% !important;
}

.account-info-table--expand-btn {
    color: var(--text-secondary-dark);
    margin-left: auto;
    margin-right: 0 !important;
    cursor: pointer;
}

.account-info-table--expand-btn>svg {
    margin: 0;
}

.account-info-table__collapsed .account-info-table--expand-btn {
    transform: rotate(180deg);
}

.account-info-table__collapsed .separator,
.account-info-table__collapsed .info__wrapper {
    display: none;
}

.account-info-table__collapsed .account-info-table__title {
    border-radius: 16px;
}

.edit-dns-profile__inputs  .error-message {
    max-width: 277px;
}

.btn--delete-ordered.disabled, button.results-table__year-select[disabled], .switch-container.disabled,
.multi-quote__button-container .btn[disabled] {
    pointer-events: none;
    opacity:0.5;
}
button.results-table__year-select[disabled] svg {
    opacity: 0;
}

.order__section--multi-wrapper .form-input label {
    color: #151515;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
    margin-left: 4px;
}

.tooltip svg {
    vertical-align: text-top;
}

.tooltip-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    z-index: 10;
    top: calc(100% - 2px);
    background: #fff;
    border: 1px solid #edeff6;
    border-radius: 8px;
    min-width: 400px;
    max-width: 560px;
    padding: 16px;
    font-size: 14px;
    line-height: 17px;
    text-align: start;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
    color: var(--text-primary);
}

.tooltip.tooltip--right .tooltip-container {
    right: 0;
}

@media only screen and (max-width: 768px) {
    .tooltip {
        float: left;
        margin-right: 4px;
    }
    .tooltip-container {
        left: -40px;
        min-width: 320px;
        width: 80vw;
    }
}

.tooltip:hover .tooltip-container {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.order__summary .btn {
    background-color: var(--text-secondary);
}

.input-preview-customized__icon, .account-info-table__title>svg {
    color: var(--text-secondary);
}

.trade-form__row .form-input {
    width: 100%;
}

.trade-form__row .form-input .text-14.selected-option {
    font-size: 16px !important;
}

.trade-form__row .form-input label {
    color: var(--text-primary);
}

.htmx-request .trade-form__row {
    display: none;
}

.bg-spinner {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDEwMCAxMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBmaWxsPSIjMTUxNTE1IiBzdHJva2U9Im5vbmUiPjxkZWZzPjxyZWN0IGlkPSJsIiB4PSI0Ni41IiB5PSI0MCIgd2lkdGg9IjkiIGhlaWdodD0iMjUiIHJ4PSI0IiByeT0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzApIi8+PC9kZWZzPjx1c2UgaHJlZj0iI2wiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDUwIDUwKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxLjFzIiBiZWdpbj0iMC4xNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+PC91c2U+PHVzZSBocmVmPSIjbCIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjI4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjQycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjU2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjcwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjg0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgzMTUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIwLjk4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L3VzZT48dXNlIGhyZWY9IiNsIiB0cmFuc2Zvcm09InJvdGF0ZSgzNjAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjEuMXMiIGJlZ2luPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvdXNlPjwvc3ZnPg==') no-repeat center;
    background-size: var(--bg-spinner--width) var(--bg-spinner--height);
}

.bg-spinner--large {
    background-size: 32px 32px;
    height: 48px;
}

.inline-form--loader {
    display: none;
    width: 100%;
    margin: auto;
}

.htmx-request .inline-form--loader {
    display: block;
    height: 48px;
    width: 100%;
}

.generator-bg--first svg {
    color: var(--text-secondary);
}

.block-advantages--2-cols {
    grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
    .block-advantages--2-cols {
        grid-template-columns: 1fr;
    }
}

.block-advantages--4-cols {
    grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1024px) {
    .block-advantages--4-cols {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 767px) {
    .block-advantages--4-cols {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 1024px) {
    .advantage-card {
        justify-content: space-between;
        height: 100%;
    }

    .advantage-card__header { flex-shrink: 0}

    .advantage-card__description { flex-grow: 1 }
}

.form-tm-class-select .form-select__options-list {
    max-height: 256px;
}

.popup__flag-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
}
.popup__flag-header .popup__title {
    margin-bottom:0 !important;
}

.popup__flag-header .popup__flag-header-icon {
    margin-bottom: 0;
    width: 44px;
    height: 44px;
    background-color: rgba(148, 35, 237, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup__flag-header .popup__flag-header-icon .flag {
    width: 28px;
    height: 28px;
    display: block;
    background-size: 28px;
    border-radius: 8px;
    overflow: hidden;
}


.domains-wrapper__thead {
    display: flex;
    align-items: stretch;
}

.domains-wrapper__table-header-cell {
    display: flex;
    flex-direction: column;
}

.domains-wrapper__top-cell {
    flex: 1;
    width: 100%;
    line-height: 1.4 !important;
}

.order__table--discount-amount {
    color: var(--alert--green);
}

.country-service__discounts-link {
    display: inline;
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    transition: -webkit-text-decoration-color 0.3s ease-in-out;
    transition: text-decoration-color 0.3s ease-in-out, -webkit-text-decoration-color 0.3s ease-in-out;
}
@media only screen and (max-width: 568px) {
    .country-service__discounts-link {
        font-size: 14px;
    }
}
.country-service__discounts-link:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.popup--modal__discounts {
    min-width: 300px;
}

.hero--trademark-country .hero__image .flag {
    left: 380px;
    top: 180px;
}

@media only screen and (max-width: 568px) {
    .hero--trademark-country .hero__image .flag {
        border-radius: 50%;
        background-size: 210px;
        width: 150px;
        height: 150px;
        left: 350px;
        top: 200px;
    }
}

.order__summary-item .flag--order {
    background-size: contain !important;
    border-radius: 0;
    width: 40px;
    background-repeat: no-repeat !important;
}

.customer-invoice {
    display: inline-block;
    position: relative;
    transform-origin: left;
}

.customer-invoice>.customer-invoice-logo {
    position: absolute;
    top: 0;
    right: 0;
}


.account-table--invoices .account-table__item:first-of-type { width: 18% }
.account-table--invoices .account-table__item:nth-of-type(2) { width: 30% }
.account-table--invoices .account-table__item:last-of-type { width: auto }

@media only screen and (max-width: 1024px) {
    .account-table--invoices .account-table__item:first-of-type { width: 25% }
    .account-table--invoices .account-table__item:nth-of-type(2) { width: 30% }
    .account-table--invoices .account-table__item:nth-of-type(3) { width: auto }
}

.card__clickable {
    cursor: pointer;
}

/*.trademarks-order-info .selects-list--study .card .selects-list__content ul {*/
/*    list-style-position: outside;*/
/*    padding-left: 1em;*/
/*}*/

.trademarks-order-info .selects-list--study .card .selects-list__content ul  {
    list-style-type: disc;
    margin-left: 0;
    padding-left: 0;
}

.trademarks-order-info .selects-list--study .card .selects-list__content ul li {
    display: flex;
    align-items: flex-start;
}

.trademarks-order-info .selects-list--study .card .selects-list__content ul li::before {
    content: "•";
    display: inline-block;
    width: 6px;
    margin-right: 6px;
}

.trademarks-order-info .selects-list--study .card .selects-list__content ul li span {
    display: inline-block;
    max-width: 100%;
}


.h1__flag-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 12px;
    vertical-align: bottom;
    border-radius: 8px;
}

.invisible {
    visibility: hidden;
}


.faq__answer ul {
    list-style-type: disc;
    padding-left: 1em;
}

.faq__answer li {
    margin: 1em 0;
}

.faq__answer li:has(>p) {
    list-style-position: outside;
    padding-left: 1em;
    text-indent: -0.8em;
}

.faq__answer li > p {
    margin: -0.6em;
    display: inline;
}

.input__length-counter {
    margin-top:6px;
    text-align: right;
    font-size: 14px;
    padding-right: 10px;
    color: rgba(21, 21, 21, 0.32);
}
.input__length-counter--error {
    color: #f00;
}

.form-select__options-list {
    top: 48px;
}
.order__profile-wrapper .form-select__options-list {
    top: 56px;
}

#classesPanel label span[data-list-number]:before {
    content: ' ';
}

.popup__text {
    margin: 1em 0;
}

.hidden-input__wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1px;
    width: 100%;
}
input.hidden-input {
    opacity: 0.001;
    position: absolute;
    left: 0;
    top: -18px;
    width: 100%;
    height: 1px;
}
.account-form--waiting-information .dnd-input__widget {
    font-size: 16px;
}

.tooltip__not-yet-assigned  .tooltip-container {
    left: -1em;
    min-width: 150px !important;
    max-width: 200px !important;
    white-space: nowrap;
}

.tooltip__country {
    text-decoration: underline dotted;
    text-underline-offset: 4px;
}
.tooltip__country .tooltip-container {
    text-decoration: none;
    left: 50%;
    transform: translateX(-50%);
    top: 1.2em;
    min-width: 10px !important;
    max-width: 250px !important;
    width: max-content !important;
}

.account-table--inactive-trademarks .account-table__item:last-child a {
    font-size: 12px !important;
    margin-left: 12px;
}

.trademarks-prices-popup .tab--tablet-small {
    width: fit-content;
}

.summary-card__selected_only {
    font-weight: normal;
    font-size: 14px;
    color: rgba(21, 21, 21, 0.5);
    text-align: left;
    margin-top: -12px;
}

.imp-block {
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFFFFF;
    border-radius: 8px;
    min-width:320px;
    z-index: 1000;
    box-shadow: 0px 15px 16px 0px rgba(0, 0, 0, 0.32), 0px 15px 32px 0px rgba(0, 0, 0, 0.02);
}

.order-wrapper__with-ribbon {
    position: relative;
    overflow: hidden;
}

.quote__ribbon-wrapper {
    position: absolute;
    top: 55px;
    left: -55px;
    width: 250px;
    transform: rotate(-45deg);
    transform-origin: center;
    z-index: 1;
}

.quote__ribbon {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.quote__ribbon--draft {
    background-color: #ffc107;
    color: #000;
}

.quote__ribbon--inactive {
    background-color: var(--alert--red);
    color: var(--alert-bg--red);
}

.icon-btn[disabled] {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.48);
}


.upload-card-grid,
.country-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 768px) {
  .upload-card-grid,
  .country-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .upload-card-grid  { grid-template-columns: repeat(3, 1fr) }
}


.upload-card,
.country-card {
    background-color: #fff;
    border: 1px solid rgba(21, 21, 21, 0.16);
    border-radius: 8px;
    padding: 16px;
}

.country-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.country-card h4 {
    font-size: 1.1em;
    color: #151515;
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.country-card-header .flag-shadow {
  margin-right: 4px;
  display: inline-block;
    min-width: 28px;
}

.country-card-button {
  cursor: pointer;
  display: flex;
  /*align-items: center;*/

        margin-left: auto;

}

.upload-card {
    position:relative;
}

.upload-card-button {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}

.upload-card img,
.info__item-content--tm-logo {
    display: block;
    height: 5rem;
    margin: 0 auto;
    object-fit: contain;
}
.upload-card__caption,
.info__item-content--tm-logo-caption {
    text-align: center;
    font-size: 14px;
    color: rgba(21, 21, 21, 0.5);
    margin-top: 8px;
    display: block;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal !important;
}

.info__item-content--tm-logo-caption {
    display:block;
    margin-bottom: 16px;
}

.multi-quote__button-container {
  display: flex;
  gap: 24px;
  justify-content: flex-end;
  flex-direction: column-reverse;
    width: 100%;
    align-items: stretch;
}

@media (min-width: 576px) {
    .multi-quote__button-container {
    flex-direction: row;
  }
}

.multi-quote__button-container .btn {
    flex: 1 1 0;
    min-width: 0;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arrow-btn .arrow-container-back {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 16px;
}

.arrow-btn .arrow-container-back::after,
.arrow-btn .arrow-container-back::before {
  content: url("./../../assets/images/icons/arrow-left-purple.2e48ec8189c1.svg");
  position: absolute;
  top: 0;
  right: 0;
  line-height: 16px;
  transition: all 0.3s ease-in-out;
}

.arrow-btn .arrow-container-back::before {
  right: -14px;
}

.arrow-btn:hover .arrow-container-back::before {
  right: 0;
}

.arrow-btn:hover .arrow-container-back::after {
  right: 14px;
}

.form-multiselect {
    border: 1px solid rgba(21, 21, 21, 0.16);
    border-radius: 8px;
    padding: 4px 16px;
    scroll-behavior: smooth;
    max-height: 200px;
    overflow-y: auto;
}
.form-multiselect--multi {
    /*padding: 16px;*/
}

.form-multiselect ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.form-multiselect li {
    position: relative;
}
.form-multiselect li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #edeff6;
  bottom: 0;
  left: 0;
}
.form-multiselect li:last-child:after {
  display: none;
}

.form-multiselect label {
    display: flex;
    align-items: center;
    width: 100%;
    margin:0;
    padding: 12px 0;
}
.form-multiselect span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.form-multiselect label input {
    margin-right: 8px;
}

.form-select__options-item.disabled-option {
    color: rgba(0, 0, 0, 0.24);
}

.order__section--tm-application {
    position: relative;
    border-radius: 8px;
    border: 1px solid #E2E5EC;
    padding: 20px;
}

.order__section--tm-application__remove-btn {
   cursor: pointer;
   display: block;
   position: absolute;
   right: 10px;
   top: 10px;

}
.order__section--tm-application .form__title {
    color: var(--text-secondary);
}
.order__section--tm-application .form-input--checkbox  {
    border: 0;
    padding: 12px 0;
}

dl.info__item-content {
    border-left: 3px solid rgba(21, 21, 21, 0.08);
}
dl.info__item-content dt,
dl.info__item-content dd {
    padding-left: 10px;
    font-size: 14px;
 }
dl.info__item-content dd {
    margin: 0;
    color: rgba(21, 21, 21, 0.64);
    font-weight: normal;
}
dl.info__item-content dt {
    color: #151515;
    font-weight: 500;
}

.order__section--tm-application .info__item-title {
    font-weight: 500;
    color: #151515;
}

.order__section--tm-application .info__item-content {
    font-weight: 300;
    color: rgba(21, 21, 21, 0.64);
}

.order__section--tm-application .flag__icon  {
    height: 44px;
    width: 44px;
    background-color: rgba(148, 35, 237, 0.1);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.order__section--tm-application .flag__icon .flag {
    width: 28px;
    height: 28px;
    display: block;
    background: url('') 50% no-repeat;
    background-size: 28px;
    border-radius: 8px;
    overflow: hidden;
}

.order__section--tm-application .form__title {
      display: flex;
      align-items: center;
}

.order__section--tm-application .form__title--text {
  display: inline-block;
  vertical-align: middle;
}

.proforma .quote__title {
  font-family: Inter, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: #151515;
  margin-bottom: 8px;
}