@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
 .app__body .modal .GenericModal.modal-dialog {
	 margin-top: calc(50vh - 240px);
}
 .app__body .modal .GenericModal.modal-overflow .modal-body {
	 overflow: visible;
}
 .app__body .modal .GenericModal .modal-body {
	 max-height: 100%;
	 padding: 0;
}
 .app__body .modal .GenericModal .modal-body .form-control {
	 height: 40px;
	 box-sizing: border-box;
	 border: 2px solid var(--button-bg);
	 border-radius: 4px;
}
 .app__body .modal .GenericModal .modal-body .form-control.has-error {
	 border-color: var(--error-text);
}
 .app__body .modal .GenericModal .modal-body .MaxLengthInput.form-control.has-error {
	 padding-right: 66px;
}
 .app__body .modal .GenericModal .modal-body .MaxLengthInput__validation {
	 position: absolute;
	 top: 12px;
	 right: 56px;
	 color: var(--error-text);
	 font-size: 14px;
	 font-style: normal;
	 font-weight: normal;
	 line-height: 16px;
}
 .app__body .modal .GenericModal .modal-body .input-clear {
	 top: 12px;
	 right: 36px;
	 width: 16px;
	 height: 16px;
	 color: var(--center-channel-color);
	 font-size: 18px;
	 font-style: normal;
	 font-weight: normal;
	 line-height: 16px;
	 opacity: 0.48;
}
 .app__body .modal .GenericModal .modal-content {
	 padding: 16px 15px;
	 border-radius: 8px;
}
 .app__body .modal .GenericModal .modal-header {
	 min-height: 0;
	 padding: 0;
	 border: none;
	 background: transparent;
}
 .app__body .modal .GenericModal .modal-header .close {
	 top: 6px;
	 right: 6px;
	 display: flex;
	 width: 4rem;
	 height: 4rem;
	 align-items: center;
	 justify-content: center;
	 border-radius: 4px;
	 color: rgba(0, 1, 0, );
	 font-size: 32px;
	 font-weight: 400;
}
 .app__body .modal .GenericModal .modal-header .close:hover {
	 background-color: rgba(0, 0, 0, );
	 color: rgba(0, 1, 0, );
}
 .app__body .modal .GenericModal .modal-header .close:active {
	 background-color: rgba(0, 0, 0, );
	 color: v(button-bg);
}
 .app__body .modal .GenericModal .modal-footer {
	 padding: 12px 24px 24px 24px;
	 border: none;
	 border-radius: 4px;
}
 .GenericModal__header {
	 padding: 28px 24px 16px 24px;
}
 .GenericModal__header h1 {
	 margin: 0;
	 font-size: 20px;
	 font-weight: 600;
	 line-height: 28px;
}
 .GenericModal__body {
	 position: relative;
	 width: 100%;
	 padding: 0 24px;
	 color: rgba(0, 1, 0, );
	 font-size: 14px;
	 font-style: normal;
	 font-weight: normal;
	 line-height: 20px;
}

.GenericModal__button {
	 padding: 12px 16px;
	 border: none;
	 font-size: 14px;
	 font-weight: 600;
	 line-height: 12px;
}

.GenericModal__button.cancel {
	 background: var(--center-channel-bg);
	 color: var(--button-bg);
}

.GenericModal__button.confirm {
	 background: var(--button-bg);
	 border-radius: 4px;
	 color: var(--button-color);
}

.GenericModal__button.confirm.disabled {
	 background: rgba(0, 0, 0, );
	 color: rgba(0, 1, 0, );
}
 
.noInternetConnection__container {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.noInternetConnection__container .noInternetConnection__noAccessToInternet {
    width: 304px;
    height: 56px;
    margin: 0 auto;
    color: rgba(0, 1, 0, );
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
}
.noInternetConnection__container .noInternetConnection__contactSupport, .noInternetConnection__container .noInternetConnection__emailUs {
    color: rgba(0, 1, 0, );
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    text-align: center;
}
.noInternetConnection__container .noInternetConnection__image {
    margin: 0 auto;
}

.annnouncementBar__renewLicense {
    display: block;
    padding: 12px 20px;
    border: none;
    margin-top: 15px;
    background: var(--sys-button-bg);
    border-radius: 4px;
    color: var(--sys-button-color);
}
.annnouncementBar__renewLicense span {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.annnouncementBar__purchaseNow {
    display: block;
    padding: 12px 20px;
    border: none;
    margin-top: 15px;
    background: var(--sys-button-bg);
    border-radius: 4px;
    color: var(--sys-button-color);
}
.annnouncementBar__purchaseNow span {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.MenuWrapper {
    position: relative;
}
.MenuWrapper *:first-child {
    -webkit-user-select: none;
   /* Chrome/Safari */
    -moz-user-select: none;
   /* Firefox */
    -ms-user-select: none;
   /* IE10+ */
   /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
div[disabled] {
    opacity: 0.7;
    pointer-events: none;
}
.MenuWrapperAnimation-enter {
    opacity: 0;
}
.MenuWrapperAnimation-enter-active, .MenuWrapperAnimation-enter-done, .MenuWrapperAnimation-exit {
    opacity: 1;
}
.MenuWrapperAnimation-exit-active, .MenuWrapperAnimation-exit-done {
    opacity: 0;
}


.Menu .MenuItem {
	 display: flex;
	 align-items: center;
	 font-size: 14px;
}
 .Menu .MenuItem.MenuItem--with-icon .MenuItem__help-text {
	 padding-left: 28px;
}
 .Menu .MenuItem .MenuItem__icon {
	 width: 20px;
	 margin-right: 8px;
	 text-align: center;
}
 .Menu .MenuItem span.icon {
	 display: inline-block;
	 width: 28px;
	 height: 16px;
	 align-self: center;
	 padding-right: 12px;
	 line-height: 16px;
}
 .Menu .MenuItem span.MenuItem__primary-text {
	 display: inline-flex;
	 padding: 5px 0;
	 line-height: 22px;
	 white-space: normal;
}
 .Menu .MenuItem span.MenuItem__help-text {
	 opacity: 0.7;
	 display: block;
	 padding-bottom: 8px;
	 font-size: 12px;
	 line-height: 16px;
	 white-space: normal;
}
 @media (max-width: 768px) {
	 .Menu .MenuItem span.MenuItem__help-text {
		 margin: 0 0 4px 38px;
	}
}
 .Menu .MenuItem > div, .Menu .MenuItem > button, .Menu .MenuItem > a {
	 display: block;
	 overflow: hidden;
	 width: 100%;
	 align-items: center;
	 padding: 1px 16px;
	 clear: both;
	 color: inherit;
	 cursor: pointer;
	 font-weight: normal;
	 line-height: 28px;
	 text-align: left;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .Menu .MenuItem > div.MenuItem__with-help, .Menu .MenuItem > button.MenuItem__with-help, .Menu .MenuItem > a.MenuItem__with-help {
	 display: block;
	 height: auto;
}
 .Menu .MenuItem > div.MenuItem__with-help .MenuItem__primary-text, .Menu .MenuItem > button.MenuItem__with-help .MenuItem__primary-text, .Menu .MenuItem > a.MenuItem__with-help .MenuItem__primary-text {
	 padding: 7px 0 3px;
}
 @media (max-width: 768px) {
	 .Menu .MenuItem > div.MenuItem__with-help .icon, .Menu .MenuItem > button.MenuItem__with-help .icon, .Menu .MenuItem > a.MenuItem__with-help .icon {
		 position: relative;
		 top: 10px;
	}
}
 .Menu .MenuItem > div .MenuItem__icon, .Menu .MenuItem > button .MenuItem__icon, .Menu .MenuItem > a .MenuItem__icon {
	 position: relative;
	 top: 4px;
	 display: inline-flex;
	 width: 20px;
	 height: 20px;
	 align-items: center;
	 justify-content: center;
	 margin-right: 8px;
}
 .Menu .MenuItem > div.MenuItem__dangerous, .Menu .MenuItem > button.MenuItem__dangerous, .Menu .MenuItem > a.MenuItem__dangerous {
	 color: var(--dnd-indicator);
}
 .Menu .MenuItem > div.MenuItem__dangerous i, .Menu .MenuItem > button.MenuItem__dangerous i, .Menu .MenuItem > a.MenuItem__dangerous i {
	 color: var(--dnd-indicator) !important;
}
 .Menu .MenuItem > div.MenuItem__dangerous:hover, .Menu .MenuItem > button.MenuItem__dangerous:hover, .Menu .MenuItem > a.MenuItem__dangerous:hover {
	 background-color: var(--dnd-indicator) !important;
	 color: var(--sidebar-text);
}
 .Menu .MenuItem > div.MenuItem__dangerous:hover i, .Menu .MenuItem > button.MenuItem__dangerous:hover i, .Menu .MenuItem > a.MenuItem__dangerous:hover i {
	 color: var(--sidebar-text) !important;
}
 .Menu .MenuItem > a {
	 text-decoration: none;
}
 .Menu .MenuItem > a:focus, .Menu .MenuItem > a:hover {
	 color: inherit;
}
 .Menu .MenuItem > div:hover, .Menu .MenuItem > div:focus {
	 background-color: var(--center-channel-color-08) !important;
}
 .Menu .MenuTopNotification {
	 padding: 8px;
	 margin: 8px;
	 margin-top: 0;
	 background-color: rgba(0, 0, 0, );
	 border-radius: 4px;
}
 .Menu .MenuTopNotification .upgradeLink {
	 color: --button-bg;
	 font-style: normal;
	 font-weight: 600;
}
 .Menu .MenuTopNotification .upgradeLink:hover {
	 color: --button-bg;
	 font-style: normal;
	 font-weight: 600;
	 text-decoration: none;
}
 .SubMenu {
	 position: absolute;
	 top: unset;
	 left: unset;
	 padding-left: 0;
}
 .SubMenu__icon-left {
	 position: relative;
	 top: 0;
	 color: rgba(0, 1, 0, );
	 font-size: 19px;
}
 .SubMenu__icon-left-empty {
	 position: relative;
	 top: 0;
	 display: none;
	 width: 0;
	 font-size: 19px;
	 visibility: hidden;
}
 .SubMenu__icon-right {
	 padding-top: 3px;
	 color: rgba(0, 1, 0, );
	 float: right;
	 font-size: 19px;
}
 .SubMenu__icon-right-empty {
	 top: 0;
	 display: none;
	 width: 0;
	 padding: 0;
	 margin-left: auto;
	 font-size: 19px;
}
 .MenuItem__divider {
	 border-top: 1x solid black;
	 margin: 8px 0;
}
 
.Menu .MenuHeader {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 32px;
    align-items: center;
    padding: 0 32px 0 20px;
    clear: both;
    color: inherit;
    cursor: default;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.MenuGroup.menu-divider {
    height:     1px;
    margin:     8px 0;
    background: var(--center-channel-color-16);
}

.Menu {
    z-index: 10000;
}
.Menu .dropdown-menu {
    border-radius: 4px;
    display: block;
    min-width: 220px;
    max-width: 270px;
    max-height: 80vh;
    padding: 8px 0;
}
.Menu .dropdown-menu ul {
    padding: 8px 0;
    margin: 0;
}
.Menu .dropdown-menu li {
    list-style: none;
}
.Menu .dropdown-menu li a {
    color: inherit;
}
.Menu.Menu-enter .dropdown-menu {
    opacity: 0;
}
@media screen and (min-width: 768px) {
    .Menu.Menu-enter .dropdown-menu {
        overflow: hidden;
        max-height: 0;
        overflow-y: hidden;
   }
}
.Menu.Menu-enter-active .dropdown-menu {
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .Menu.Menu-enter-active .dropdown-menu {
        max-height: 80vh;
        overflow-y: hidden;
        transition: max-height 1000ms ease-in, opacity 250ms linear;
   }
}
@media screen and (max-width: 640px) {
    .Menu.Menu-enter-active .dropdown-menu {
        transition: opacity 1000ms linear;
   }
}
.Menu.Menu-enter-done .dropdown-menu {
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .Menu.Menu-enter-done .dropdown-menu {
        max-height: 80vh;
        overflow-y: auto;
   }
}
.Menu.Menu-exit .dropdown-menu {
    opacity: 0;
}
@media screen and (min-width: 768px) {
    .Menu.Menu-exit .dropdown-menu {
        max-height: 0;
        overflow-y: hidden;
        transition: max-height 1000ms ease-in 0ms, opacity 250ms linear 750ms;
   }
}
@media screen and (max-width: 768px) {
    .Menu.Menu-exit .dropdown-menu {
        transition: opacity 1000ms linear;
   }
}

.GenericModal {
    width: 692px;
}
.GenericModal .modal-content {
    padding: 16px 15px;
}
.GenericModal .SidebarWhatsNewModal__helpText {
    margin-top: 8px;
}
.GenericModal .SidebarWhatsNewModal__img {
    margin-top: 40px;
    border: 1px solid black;
    border-radius: 4px;
}
.GenericModal .modal-footer {
    margin-top: 20px;
}
.modal .GenericModal.modal-dialog {
    height: unset;
    margin-top: calc(50vh - 307px);
}
.modal .GenericModal .modal-footer {
    position: relative;
}

.Card {
    border: 1px solid rgba(0, 0, 0, );
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
    background-color: var(--card);
    transition: box-shadow 0.3s ease-in-out;
    width: 100%;
    box-shadow: rgba(63, 68, 73, 0.03) 0px 2px 1px, rgba(63, 68, 73, 0.03) 0px 2.5px 6px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-radius: 8px;
    border-color: var(--border);
}

.Card + .Card {
    margin-top: 16px;
}
.Card.expanded {
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
}
.Card:not(.expanded):hover {
    border-color: rgba(0, 0, 0, );
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
    transition-duration: 0.15s;
}
.Card__header hr.Card__hr {
    margin: 0 12px;
    border-color: rgba(0, 0, 0, );
}
.Card__body {
    overflow: hidden;
    height: 0;
    margin: 0 12px;
}
.Card__body.expanding {
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-property: height, margin;
}
.Card__body.expanded {
    margin: 12px;
}
.Card__body.expanded:not(.expanding) {
    height: auto;
}
@media screen and (max-width: 768px) {
    .Card + .Card {
        margin-top: 12px;
   }
}

.OverviewPage{
    margin: 0;
    background-color: var(--background);
    color: var(--foreground);
}

.TopNavBar {
    background-color: var(--primary);
}

.OverviewPage .card {
    background-color: var(--bg-);
    border-color: var(--border);
    color: var(--text);
    border-radius: 5px;
    box-shadow: var(--shadow-medium);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: bord
    er-box;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:after,
.container:before {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-12 {
        width: 100%;
    }
}

.event-delete {
    visibility: hidden;
    display: none;
    background: red;
    padding: 5px;
    font-weight: bold;
}

.canvas-wrapper .frame:hover .event-delete {
    display: block;
    visibility: visible;
}


.canvas-wrapper {
    overflow: hidden;
    position: relative;
    max-height: 0;
    margin: 0;
}

.canvas-wrapper .frame {
    display: block;
    position: absolute;
    z-index: 900;
    top: 0;
    cursor: pointer;
}

.canvas-wrapper .frame:before {
    font-size: 9px;
    font-weight: 700;
    line-height: 15px;
    position: absolute;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    color: var(--text);
    top: 30px;
    content: attr(data-content);
    background-color: inherit;
}


.canvas-wrapper .frame.s1 {
    background: transparent;
    border-bottom: 5px solid rgb(255 198 0 / 29%);
}


.canvas-wrapper .frame.s2 {
    background: transparent;
    border-bottom: 5px solid rgb(53 188 255 / 20%);
}


.canvas-wrapper .frame.I {
    border-color: transparent;
    background: transparent;
    border-bottom: 5px solid rgb(0, 255, 203);
}

.canvas-wrapper .frame.E {
    border-color: transparent;
    background: transparent;
    border-bottom: 5px solid #fcd3c9;;
}


.canvas-wrapper .frame.W {
    border-color: transparent;
    background: transparent;
    border-bottom: 5px solid #e91e63;
}


.canvas-wrapper .frame.D {
    border-color: transparent;
    background: transparent;
    border-bottom: 5px solid #3f51b5;
}

.canvas-wrapper .canvas-frame {
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
    /*margin-left: 30px;*/
    background-color: transparent;
    height: 100%;
}

.canvas-wrapper .canvas-frame .phases {
    display: block;
    position: relative;
    z-index: 32;
    left: 0;
    height: 50px;
    background-color: #575757;
}
.canvas-wrapper .canvas-frame .phases .phase {
    display: inline-block;
    position: absolute;
    height: 10px;
    background-color: #ff0;
}

.canvas-wrapper .canvas-frame .phases .phase.s1 {
    background-color: rgb(255 198 0 / 29%);
    height: 10px;
    top:    0px;
}

.canvas-wrapper .canvas-frame .phases .phase.s1.selected {
    background-color: rgb(255 198 0 / 79%);
}

.canvas-wrapper .canvas-frame .phases .phase.s2 {
    background-color: rgb(53 188 255 / 20%);
    height: 10px;
    top:    10px;
}

.canvas-wrapper .canvas-frame .phases .phase.s2.selected {
    background-color: rgb(53 188 255 / 80%);
}


.canvas-wrapper .canvas-frame .phases .phase.inspiration {
    background-color: #2edfbb;
    height: 10px;
    top:    20px;
}
.canvas-wrapper .canvas-frame .phases .phase.expiration {
    background-color: #fcd3c9;
    height: 10px;
    top:    20px;
}

.canvas-wrapper .canvas-frame .remaining-duration {
    display: block;
    position: absolute;
    right: 0;
    height: 20px;
    background-color: transparent;
}

.canvas-wrapper .canvas-frame .remaining-duration:before {
    display: block;
    position: absolute;
    top: 25px;
    left: -4px;
    width: 11px;
    height: 11px;
    content: "";
    border: 2px solid var(--bg);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary);
}

.canvas-wrapper canvas.audioanalyze {
    position: relative;
    top: 0;
    left: 0;
}

.canvas-wrapper canvas.audio-canvas {
    position: absolute;
    top:   0;
    left:  0;
    width: 835px;
}
.canvas-wrapper .needle {
    display: block;
    position: absolute;
    z-index: 99999999999;
    top: 0;
    left: 3.616%;
    left: 0;
    width: 3px;
    opacity: 0.6;
    background-color: var(--primary);
}

.canvas-wrapper .cursorEl {
    display: block;
    position: absolute;
    z-index: 99999999999;
    top: 0;
    left: 3.616%;
    left: 0;
    width: 3px;
    opacity: 0.6;
    background-color: #00ff15;
}


@media only screen and (max-width: 992px) {
    .main-content {
        min-height: calc(100vh - 295px);
    }
    .audio-analyser {
        margin-top: 0px;
    }
    .auscultation-content-wrapper .content-choser-wrapper {
        margin: 10px 0 40px;
    }
}

.grid {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 2px;
    height: 100%;
    pointer-events: auto;
}
.grid-container {
    position: relative;
    height: 100%;
    transform: translateZ(0);
    pointer-events: none;
}
.grid-container {
    background-color: var(--card);
}

@media only screen and (max-width: 992px) {
    .main-content {
        min-height: calc(100vh - 295px)
    }
}

@media only screen and (max-width: 992px) {
    .main-content {
        min-height: calc(100vh - 295px);
    }
    .audio-analyser {
        margin-top: 0px;
    }
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@media only screen and (max-width: 992px) {
    .main-content {
        min-height: calc(100vh - 295px)
    }
    .audio-analyser {
        margin-top: 0px
    }
}

.canvas-wrapper {
    overflow: hidden;
    position: relative;
    max-height: 0;
    margin: 0;
}

#soundwaveCanvas {
    background-size: 20px 20px;
    background-image:
      linear-gradient(to right, var(--border) 1px, transparent 1px),
      linear-gradient(to bottom, var(--border) 1px, transparent 1px);
    background-color: var(--card);
}

.audio-main-content {
    width: 100%;
}

.hide {
    opacity: 0;
    visibility: hidden;
}


*, *::before, ::after {
    border-color: #e2e8f0;
    word-wrap: break-word;
}

*, *::before, ::after {
    border-color: #e2e8f0;
    word-wrap: break-word;
}

*, *::before, *::after {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
}

.scrollable {
    height: 100%;
    width:  100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.w100 {
    width: 100%;
}

.accordion-item .accordion-content .inner-content.back {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…42LDAsMzcuMg0KCUM5My41LDg4LjEsOTMuMSw4OC41LDkyLjYsODguNXoiLz4NCjwvc3ZnPg0K) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
}

.stethoscope-point.active:before {
    font-size: 15px;
    content: '\e90e';
    text-align: center;
    color: #2eeac0;
}

.stethoscope-point:before {
    display: inline-block;
    display: block;
    font-family: latt;
    font-size: 20px;
    content: '\e90f';
    text-align: center;
    vertical-align: top;
    color: #1f5fc8;
}

.accordion-item .accordion-content a.btn-pos.active:link, .accordion-item .accordion-content a.btn-pos.active:visited {
    background-color: #1f5fc8;
}

.accordion-item .accordion-content a.btn-pos.back {
    top: 10px;
    right: 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Y0LjQsMTM3LjIsMTY0LDEzNy4zLDE2My43LDEzNy4zeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.accordion-item .accordion-content a.btn-pos {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-right-posterior-base {
    top: 68%;
    left: 60%;
    cursor: pointer;
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-left-posterior-base {
    top: 68%;
    left: 31.6%;
    cursor: pointer;
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-right-anterior-apex {
    top: 33%;
    left: 40.4%;
    cursor: pointer;
}

.accordion-item .accordion-content .inner-content.front {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…MxNzEsMTA3LjgsMTcxLjUsMTA4LDE3MS44LDEwOC40eiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
}

.accordion-item .accordion-trigger-block {
    margin: 0;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
    border: 1px solid var(--border);
    border-right: 0;
    border-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: var(--card)
}

.accordion-item .accordion-trigger-block .title {
    padding:10px
}

.accordion-item .accordion-content {
    position: relative;
    padding-top: 0;
    -webkit-transition: padding-top 1s;
    -moz-transition: padding-top 1s;
    -ms-transition: padding-top 1s;
    -o-transition: padding-top 1s;
    transition: padding-top 1s;
    border:0
}

.accordion-item .accordion-content .inner-content.back {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMzkgMTczIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMzkgMTczOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO30NCgkuc3Qxe2Rpc3BsYXk6aW5saW5lO30NCgkuc3Qye2ZpbGw6I0RERERERDt9DQoJLnN0M3tvcGFjaXR5OjAuMTU7fQ0KCS5zdDR7ZmlsbDojRkZGRkZGO3N0cm9rZTojNTA1QTc4O3N0cm9rZS13aWR0aDowLjc3MzY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDV7ZmlsbDojRkNEM0M5O3N0cm9rZTojNTA1QTc4O3N0cm9rZS13aWR0aDowLjg0MTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0NntmaWxsOiNGREU1REQ7c3Ryb2tlOiM1MDVBNzg7c3Ryb2tlLXdpZHRoOjAuODQxO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Q3e2Rpc3BsYXk6aW5saW5lO2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0U3RUFFRjt9DQoJLnN0OHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNFN0VBRUY7fQ0KCS5zdDl7b3BhY2l0eTowLjI7fQ0KCS5zdDEwe2ZpbGw6I0ZGRkZGRjtzdHJva2U6IzUwNUE3ODtzdHJva2Utd2lkdGg6MC43OTgyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3QxMXtmaWxsOiNGREU1REQ7c3Ryb2tlOiM1MDVBNzg7c3Ryb2tlLXdpZHRoOjAuOTU3MztzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MTJ7ZmlsbDojRkNEM0M5O3N0cm9rZTojNTA1QTc4O3N0cm9rZS13aWR0aDowLjg3NjY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxnIGNsYXNzPSJzdDAiPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjIyLjQsMTQ0LjZjLTAuMi0wLjUtMTguMi00OS0yMS41LTc2LjNjLTEuNi0xMy4xLTMuNS0xOS44LTYuNy0yNGMtMy4zLTQuMy04LTUuOC0xNS4xLTgNCgkJCWMtMS4yLTAuNC0yLjYtMC44LTQtMS4zYy0xNi42LTUuNS0zMS43LTIyLTMxLjktMjIuMmMtMC4zLTAuNC0wLjktMC40LTEuMy0wLjFjLTAuNCwwLjMtMC40LDAuOS0wLjEsMS4zDQoJCQljMC42LDAuNywxNS41LDE3LDMyLjYsMjIuN2MxLjQsMC41LDIuNywwLjksNCwxLjNjMTMuNyw0LjMsMTcuNCw1LjUsMjAuNCwzMC41YzMuNCwyNy42LDIxLjUsNzYuMywyMS42LDc2LjgNCgkJCWMwLjEsMC40LDAuNSwwLjYsMC45LDAuNmMwLjEsMCwwLjIsMCwwLjMtMC4xQzIyMi40LDE0NS42LDIyMi42LDE0NS4xLDIyMi40LDE0NC42eiBNMTU5LjcsMzUuMWMtMTUsMy4yLTIzLDcuNi0yMy4zLDcuNw0KCQkJYy0wLjQsMC4yLTAuNiwwLjgtMC40LDEuM2MwLjIsMC4zLDAuNSwwLjUsMC44LDAuNWMwLjIsMCwwLjMsMCwwLjQtMC4xYzAuMSwwLDguMS00LjQsMjIuOC03LjZjMC41LTAuMSwwLjgtMC42LDAuNy0xLjENCgkJCUMxNjAuNywzNS4zLDE2MC4yLDM1LDE1OS43LDM1LjF6IE0xNzUuOCwxMTEuMmMtMC4yLTAuNS0wLjgtMC42LTEuMi0wLjRjLTAuNSwwLjItMC42LDAuOC0wLjQsMS4ybDUuMywxMC43bC0xLjMsMjIuMQ0KCQkJYzAsMC41LDAuNCwxLDAuOSwxYzAsMCwwLDAsMC4xLDBjMC41LDAsMC45LTAuNCwwLjktMC45bDEuMS0xOC44bDkuNSwxOS4xYzAuMiwwLjMsMC41LDAuNSwwLjgsMC41YzAuMSwwLDAuMywwLDAuNC0wLjENCgkJCWMwLjUtMC4yLDAuNi0wLjgsMC40LTEuMkwxNzUuOCwxMTEuMnogTTY4LjQsMzhjMS4yLTAuNCwyLjYtMC44LDQtMS4zYzE3LjEtNS43LDMyLTIyLDMyLjYtMjIuN2MwLjMtMC40LDAuMy0xLTAuMS0xLjMNCgkJCWMtMC40LTAuMy0xLTAuMy0xLjMsMC4xQzEwMy41LDEzLDg4LjQsMjkuNSw3MS44LDM1Yy0xLjQsMC41LTIuNywwLjktNCwxLjNjLTcuMSwyLjItMTEuNywzLjctMTUuMSw4Yy0zLjIsNC4xLTUuMSwxMC45LTYuNywyNA0KCQkJYy0zLjMsMjcuNC0yMS40LDc1LjktMjEuNSw3Ni4zYy0wLjIsMC41LDAuMSwxLDAuNSwxLjJjMC4xLDAsMC4yLDAuMSwwLjMsMC4xYzAuNCwwLDAuNy0wLjIsMC45LTAuNmMwLjItMC41LDE4LjMtNDkuMiwyMS42LTc2LjgNCgkJCUM1MSw0My41LDU0LjYsNDIuNCw2OC40LDM4eiBNMTEwLjYsNDIuOGMtMC4zLTAuMi04LjQtNC41LTIzLjMtNy43Yy0wLjUtMC4xLTEsMC4yLTEuMSwwLjdjLTAuMSwwLjUsMC4yLDEsMC43LDEuMQ0KCQkJYzE0LjcsMy4xLDIyLjcsNy41LDIyLjgsNy42YzAuMSwwLjEsMC4zLDAuMSwwLjQsMC4xYzAuMywwLDAuNi0wLjIsMC44LTAuNUMxMTEuMiw0My43LDExMSw0My4xLDExMC42LDQyLjh6IE03Mi41LDExMC44DQoJCQljLTAuNS0wLjItMSwwLTEuMiwwLjRsLTE2LjQsMzMuMmMtMC4yLDAuNSwwLDEsMC40LDEuMmMwLjEsMC4xLDAuMywwLjEsMC40LDAuMWMwLjMsMCwwLjctMC4yLDAuOC0wLjVsOS40LTE5LjFsMSwxOC44DQoJCQljMCwwLjUsMC40LDAuOSwwLjksMC45YzAsMCwwLDAsMC4xLDBjMC41LDAsMC45LTAuNSwwLjktMWwtMS4yLTIyLjFsNS4zLTEwLjdDNzMuMSwxMTEuNiw3Mi45LDExMSw3Mi41LDExMC44eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGNsYXNzPSJzdDAiPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8ZyBjbGFzcz0ic3QzIj4NCgkJCTxnPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04MS4yLDEzNC44YzIuMywxLjUsNC41LDIsNC43LDIuMWMwLDAsMCwwLDAsMGM2LjEtMiwxNi40LTEuOSwyMy4yLTEuMWMxLjEsMC4xLDIuMS0wLjYsMi4yLTEuNw0KCQkJCQljMC4xLTEuMS0wLjYtMi4xLTEuNy0yLjJDMTA3LjMsMTMxLjcsODkuNiwxMjkuOCw4MS4yLDEzNC44eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04My40LDEyNC4xYzIuNywxLjYsNS41LDIuOCw3LjYsMy40YzAsMCwwLDAsMCwwYzUuOCwwLjEsMTIuNywwLjksMTgsMmMxLjEsMC4yLDIuMS0wLjUsMi4zLTEuNQ0KCQkJCQljMC4yLTEuMS0wLjUtMi4xLTEuNS0yLjNjLTAuMy0wLjEtNy4yLTEuNC0xNC43LTEuOUM5MC4zLDEyMy40LDg2LjQsMTIzLjYsODMuNCwxMjQuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODQuMywxMTQuNmMzLjIsMS43LDYuNSwyLjcsOC4yLDMuMmMwLjQsMC4xLDAuNywwLjMsMSwwLjZjNi4xLDAuNCwxMi4yLDEuNCwxNS41LDIuMQ0KCQkJCQljMS4xLDAuMiwyLjEtMC40LDIuMy0xLjVjMC4yLTEuMS0wLjQtMi4xLTEuNS0yLjNDMTA3LjksMTE2LjIsOTQuNywxMTMuNSw4NC4zLDExNC42eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04OS4yLDEwNS44YzEuNiwwLjgsMy40LDEuNyw1LjQsMi41YzAuOCwwLjMsMS4yLDEuMSwxLjIsMS44YzQuNywwLjQsOS41LDEuMiwxMy4yLDEuOQ0KCQkJCQljMS4xLDAuMiwyLjEtMC41LDIuMy0xLjZjMC4yLTEuMS0wLjUtMi4xLTEuNi0yLjNDMTA4LjEsMTA3LjgsOTguNCwxMDYsODkuMiwxMDUuOHoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTA4LjksMTA0YzEuMSwwLjMsMi4xLTAuNCwyLjQtMS40YzAuMy0xLjEtMC40LTIuMS0xLjUtMi40Yy0xLjEtMC4zLTUuOS0xLjQtMTEuNy0yLjMNCgkJCQkJYzAsMC4yLDAsMC40LTAuMSwwLjZjLTAuMiwwLjktMSwxLjUtMS45LDEuNWMtMC4yLDAtMC4zLDAtMC41LTAuMWMtMC4zLTAuMS00LTEtOC0zYy0zLjMtMC4xLTYuNCwwLjEtOC45LDAuNw0KCQkJCQljMC42LDEuMSwxLjYsMi4yLDMsMy40Qzg5LjYsMTAwLjEsMTAzLjMsMTAyLjcsMTA4LjksMTA0eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMDguOSw5Mi42YzEuMSwwLjMsMi4xLTAuMywyLjQtMS40YzAuMy0xLjEtMC4zLTIuMS0xLjQtMi40Yy0wLjItMC4xLTQuMy0xLjEtOS42LTIuMWMwLDAuMSwwLDAuMiwwLDAuMw0KCQkJCQljLTAuMiwwLjktMSwxLjUtMS45LDEuNWMtMC4xLDAtMC4zLDAtMC40LTAuMWMtMi4yLTAuNS02LjEtMS41LTkuNy0zLjJoMGMtMy4xLTAuMS01LjYsMC4xLTcuNiwwLjVjMC4xLDAuNCwwLjMsMC44LDAuNiwxLjINCgkJCQkJYzAuNSwwLjgsMS4xLDEuNiwxLjksMi40Qzg4LjksODguNiw5OS40LDkwLDEwOC45LDkyLjZ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEwMi42LDc4LjZjLTAuMSwwLjQtMC40LDAuNy0wLjYsMC45YzIuOCwwLjYsNS4xLDEuMyw2LjcsMS45YzEsMC40LDIuMi0wLjEsMi42LTEuMQ0KCQkJCQljMC40LTEtMC4xLTIuMi0xLjEtMi42Yy0xLTAuNC02LjEtMS45LTEyLjEtMi44YzEsMC40LDIuMSwwLjgsMy4zLDEuMkMxMDIuNCw3Ni41LDEwMyw3Ny42LDEwMi42LDc4LjZ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEwOC45LDcxLjJjMS4xLDAuMywyLjEtMC40LDIuNC0xLjRjMC4zLTEuMS0wLjQtMi4xLTEuNC0yLjRjLTAuNS0wLjEtMS45LTAuNS0zLjgtMC44DQoJCQkJCWMtMi42LTAuNS02LjItMS05LjktMWMtMi4xLDAtNC4yLDAuMS02LjIsMC41Yy0wLjksMS40LTAuOCwyLjItMC43LDIuOGMwLjEsMC4zLDAuMywwLjgsMC43LDEuMw0KCQkJCQlDOTYuMSw2OC43LDEwNS4yLDcwLjMsMTA4LjksNzEuMnoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTQuNiw2My4xYzEuMi0wLjIsMi43LTAuNCw0LjItMC40YzMuNC0wLjEsNy4zLDAuMiwxMC4zLDAuNmMxLjEsMC4yLDIuMS0wLjYsMi4yLTEuNg0KCQkJCQljMC4yLTEuMS0wLjYtMi4xLTEuNi0yLjJjLTEuNS0wLjItNi4zLTAuOS0xMS4xLTAuN2MtMS41LDAuMS0yLjksMC4yLTQuMywwLjRDOTQuMSw2MC40LDk0LjIsNjEuOCw5NC42LDYzLjF6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTgxLjIsMTQwLjNjMC4xLTAuMywwLjMtMC41LDAuNC0wLjdjLTEuMS0wLjUtMi4zLTEuMi0zLjQtMmMtMC4yLDAuMy0wLjQsMC43LTAuNiwxLjFjMCwwLDAsMC4xLDAsMC4xdjANCgkJCQkJYzAuNCwxLjIsMS4zLDIuNCwyLjcsMy43QzgwLjUsMTQxLjgsODAuOCwxNDEuMSw4MS4yLDE0MC4zeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04Mi43LDEyOC4zYy0xLjQtMC44LTIuNy0xLjYtNC0yLjZjLTEuMiwwLjctMi4yLDEuNi0yLjcsMi42YzAuNSwxLjYsMS40LDMsMi40LDQuMWMwLjMtMC43LDAuNi0xLjQsMS0yLjENCgkJCQkJQzc5LjgsMTI5LjQsODEsMTI4LjcsODIuNywxMjguM3oiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzguMywxMjBjMS40LTAuNywzLjItMS4yLDUuMy0xLjRjLTEuNy0wLjgtMy40LTEuOC00LjktMi45Yy0wLjksMC4zLTEuNywwLjYtMi41LDENCgkJCQkJQzc2LjcsMTE3LjksNzcuNCwxMTksNzguMywxMjB6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTg4LjIsMTA5LjdjLTIuMy0xLjItNC41LTIuNC02LjUtMy43aDBjLTEuOSwwLjItMy42LDAuNi01LjEsMS4xYzAuNCwxLjMsMS4xLDIuNCwyLjEsMy40DQoJCQkJCUM4MS4xLDEwOS44LDg0LjUsMTA5LjYsODguMiwxMDkuN3oiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODQuMyw3N2MwLjIsMC42LDAuNiwxLjEsMS4xLDEuNmMzLjEtMC42LDcuMy0wLjUsMTEuMywwYy0zLjUtMS40LTYuMS0yLjgtOC00LjNjLTEuNiwwLjEtMy4yLDAuMi00LjYsMC42DQoJCQkJCUM4My45LDc1LjksODQuMSw3Ni41LDg0LjMsNzd6Ii8%2BDQoJCQk8L2c%2BDQoJCQk8Zz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTU2LjgsMTM0LjhjLTIuMywxLjUtNC41LDItNC43LDIuMWMwLDAsMCwwLDAsMGMtNi4xLTItMTYuNC0xLjktMjMuMi0xLjFjLTEuMSwwLjEtMi4xLTAuNi0yLjItMS43DQoJCQkJCWMtMC4xLTEuMSwwLjYtMi4xLDEuNy0yLjJDMTMwLjcsMTMxLjcsMTQ4LjQsMTI5LjgsMTU2LjgsMTM0Ljh6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1NC42LDEyNC4xYy0yLjcsMS42LTUuNSwyLjgtNy42LDMuNGMwLDAsMCwwLDAsMGMtNS44LDAuMS0xMi43LDAuOS0xOCwyYy0xLjEsMC4yLTIuMS0wLjUtMi4zLTEuNQ0KCQkJCQljLTAuMi0xLjEsMC41LTIuMSwxLjUtMi4zYzAuMy0wLjEsNy4yLTEuNCwxNC43LTEuOUMxNDcuNywxMjMuNCwxNTEuNiwxMjMuNiwxNTQuNiwxMjQuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTUzLjcsMTE0LjZjLTMuMiwxLjctNi41LDIuNy04LjIsMy4yYy0wLjQsMC4xLTAuNywwLjMtMSwwLjZjLTYuMSwwLjQtMTIuMiwxLjQtMTUuNSwyLjENCgkJCQkJYy0xLjEsMC4yLTIuMS0wLjQtMi4zLTEuNWMtMC4yLTEuMSwwLjQtMi4xLDEuNS0yLjNDMTMwLjEsMTE2LjIsMTQzLjMsMTEzLjUsMTUzLjcsMTE0LjZ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0OC44LDEwNS44Yy0xLjYsMC44LTMuNCwxLjctNS40LDIuNWMtMC44LDAuMy0xLjIsMS4xLTEuMiwxLjhjLTQuNywwLjQtOS41LDEuMi0xMy4yLDEuOQ0KCQkJCQljLTEuMSwwLjItMi4xLTAuNS0yLjMtMS42Yy0wLjItMS4xLDAuNS0yLjEsMS42LTIuM0MxMjkuOSwxMDcuOCwxMzkuNiwxMDYsMTQ4LjgsMTA1Ljh6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyOS4xLDEwNGMtMS4xLDAuMy0yLjEtMC40LTIuNC0xLjRjLTAuMy0xLjEsMC40LTIuMSwxLjUtMi40YzEuMS0wLjMsNS45LTEuNCwxMS43LTIuMw0KCQkJCQljMCwwLjIsMCwwLjQsMC4xLDAuNmMwLjIsMC45LDEsMS41LDEuOSwxLjVjMC4yLDAsMC4zLDAsMC41LTAuMWMwLjMtMC4xLDQtMSw4LTNjMy4zLTAuMSw2LjQsMC4xLDguOSwwLjcNCgkJCQkJYy0wLjYsMS4xLTEuNiwyLjItMywzLjRDMTQ4LjQsMTAwLjEsMTM0LjcsMTAyLjcsMTI5LjEsMTA0eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjkuMSw5Mi42Yy0xLjEsMC4zLTIuMS0wLjMtMi40LTEuNGMtMC4zLTEuMSwwLjMtMi4xLDEuNC0yLjRjMC4yLTAuMSw0LjMtMS4xLDkuNi0yLjFjMCwwLjEsMCwwLjIsMCwwLjMNCgkJCQkJYzAuMiwwLjksMSwxLjUsMS45LDEuNWMwLjEsMCwwLjMsMCwwLjQtMC4xYzIuMi0wLjUsNi4xLTEuNSw5LjctMy4yaDBjMy4xLTAuMSw1LjYsMC4xLDcuNiwwLjVjLTAuMSwwLjQtMC4zLDAuOC0wLjYsMS4yDQoJCQkJCWMtMC41LDAuOC0xLjEsMS42LTEuOSwyLjRDMTQ5LDg4LjYsMTM4LjYsOTAsMTI5LjEsOTIuNnoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTM1LjQsNzguNmMwLjEsMC40LDAuNCwwLjcsMC42LDAuOWMtMi44LDAuNi01LjEsMS4zLTYuNywxLjljLTEsMC40LTIuMi0wLjEtMi42LTEuMQ0KCQkJCQljLTAuNC0xLDAuMS0yLjIsMS4xLTIuNmMxLTAuNCw2LjEtMS45LDEyLjEtMi44Yy0xLDAuNC0yLjEsMC44LTMuMywxLjJDMTM1LjYsNzYuNSwxMzUsNzcuNiwxMzUuNCw3OC42eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjkuMSw3MS4yYy0xLjEsMC4zLTIuMS0wLjQtMi40LTEuNGMtMC4zLTEuMSwwLjQtMi4xLDEuNC0yLjRjMC41LTAuMSwxLjktMC41LDMuOC0wLjgNCgkJCQkJYzIuNi0wLjUsNi4yLTEsOS45LTFjMi4xLDAsNC4yLDAuMSw2LjIsMC41YzAuOSwxLjQsMC44LDIuMiwwLjcsMi44Yy0wLjEsMC4zLTAuMywwLjgtMC43LDEuMw0KCQkJCQlDMTQxLjksNjguNywxMzIuOCw3MC4zLDEyOS4xLDcxLjJ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0My40LDYzLjFjLTEuMi0wLjItMi43LTAuNC00LjItMC40Yy0zLjQtMC4xLTcuMywwLjItMTAuMywwLjZjLTEuMSwwLjItMi4xLTAuNi0yLjItMS42DQoJCQkJCWMtMC4yLTEuMSwwLjYtMi4xLDEuNi0yLjJjMS41LTAuMiw2LjMtMC45LDExLjEtMC43YzEuNSwwLjEsMi45LDAuMiw0LjMsMC40QzE0My45LDYwLjQsMTQzLjgsNjEuOCwxNDMuNCw2My4xeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTYuOCwxNDAuM2MtMC4xLTAuMy0wLjMtMC41LTAuNC0wLjdjMS4xLTAuNSwyLjMtMS4yLDMuNC0yYzAuMiwwLjMsMC40LDAuNywwLjYsMS4xYzAsMCwwLDAuMSwwLDAuMXYwDQoJCQkJCWMtMC40LDEuMi0xLjMsMi40LTIuNywzLjdDMTU3LjUsMTQxLjgsMTU3LjEsMTQxLjEsMTU2LjgsMTQwLjN6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1NS4zLDEyOC4zYzEuNC0wLjgsMi43LTEuNiw0LTIuNmMxLjIsMC43LDIuMiwxLjYsMi43LDIuNmMtMC41LDEuNi0xLjQsMy0yLjQsNC4xDQoJCQkJCWMtMC4zLTAuNy0wLjYtMS40LTEtMi4xQzE1OC4yLDEyOS40LDE1NywxMjguNywxNTUuMywxMjguM3oiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTU5LjcsMTIwYy0xLjQtMC43LTMuMi0xLjItNS4zLTEuNGMxLjctMC44LDMuNC0xLjgsNC45LTIuOWMwLjksMC4zLDEuNywwLjYsMi41LDENCgkJCQkJQzE2MS4zLDExNy45LDE2MC42LDExOSwxNTkuNywxMjB6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0OS43LDEwOS43YzIuMy0xLjIsNC41LTIuNCw2LjUtMy43aDBjMS45LDAuMiwzLjYsMC42LDUuMSwxLjFjLTAuNCwxLjMtMS4xLDIuNC0yLjEsMy40DQoJCQkJCUMxNTYuOSwxMDkuOCwxNTMuNSwxMDkuNiwxNDkuNywxMDkuN3oiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTUzLjcsNzdjLTAuMiwwLjYtMC42LDEuMS0xLjEsMS42Yy0zLjEtMC42LTcuMy0wLjUtMTEuMywwYzMuNS0xLjQsNi4xLTIuOCw4LTQuMw0KCQkJCQljMS42LDAuMSwzLjIsMC4yLDQuNiwwLjZDMTU0LjEsNzUuOSwxNTMuOSw3Ni41LDE1My43LDc3eiIvPg0KCQkJPC9nPg0KCQkJPGc%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDYwLjJIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMyw1OC44LDEyOCw2MC4yLDEyNi4zLDYwLjJ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDY3LjNIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMyw2NS45LDEyOCw2Ny4zLDEyNi4zLDY3LjN6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDc0LjRIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjFWNjhjMC0xLjcsMS40LTMuMSwzLjEtMy4xaDEzLjNjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMw0KCQkJCQlDMTI5LjMsNzMsMTI4LDc0LjQsMTI2LjMsNzQuNHoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsODEuNUgxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXYtMy4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMWgxMy4zYzEuNywwLDMuMSwxLjQsMy4xLDMuMXYzLjMNCgkJCQkJQzEyOS4zLDgwLjEsMTI4LDgxLjUsMTI2LjMsODEuNXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsODguNkgxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXYtMy4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMWgxMy4zYzEuNywwLDMuMSwxLjQsMy4xLDMuMXYzLjMNCgkJCQkJQzEyOS4zLDg3LjIsMTI4LDg4LjYsMTI2LjMsODguNnoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsOTUuN0gxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXYtMy4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMWgxMy4zYzEuNywwLDMuMSwxLjQsMy4xLDMuMXYzLjMNCgkJCQkJQzEyOS4zLDk0LjMsMTI4LDk1LjcsMTI2LjMsOTUuN3oiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsMTAyLjhIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMywxMDEuNSwxMjgsMTAyLjgsMTI2LjMsMTAyLjh6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDEwOS45SDExM2MtMS43LDAtMy4xLTEuNC0zLjEtMy4xdi0zLjNjMC0xLjcsMS40LTMuMSwzLjEtMy4xaDEzLjNjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMw0KCQkJCQlDMTI5LjMsMTA4LjYsMTI4LDEwOS45LDEyNi4zLDEwOS45eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjYuMywxMTdIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMywxMTUuNywxMjgsMTE3LDEyNi4zLDExN3oiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsMTI0LjFIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMywxMjIuOCwxMjgsMTI0LjEsMTI2LjMsMTI0LjF6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDEzMS4zSDExM2MtMS43LDAtMy4xLTEuNC0zLjEtMy4xdi0zLjNjMC0xLjcsMS40LTMuMSwzLjEtMy4xaDEzLjNjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMw0KCQkJCQlDMTI5LjMsMTI5LjksMTI4LDEzMS4zLDEyNi4zLDEzMS4zeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjYuMywxMzguNEgxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMVYxMzJjMC0xLjcsMS40LTMuMSwzLjEtMy4xaDEzLjNjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMw0KCQkJCQlDMTI5LjMsMTM3LDEyOCwxMzguNCwxMjYuMywxMzguNHoiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCQk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTU4LjIsMTA5LjhjMCwwLDIuNywyLjMsMi43LDEwLjlzMCwxNi41LDAsMTYuNXMwLjMsOS4zLTcuMyw0LjljLTcuNi00LjQtMTUuNy0xMi41LTE0LjktMTYuNA0KCQkJQzEzOS41LDEyMS45LDE1OC4yLDEwOS44LDE1OC4yLDEwOS44eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNzUuNCwxMjhjMCwwLTIuNiwxNC4zLDUuMywxMi41czE5LjUtNy45LDIxLjQtMTMuNVM4MC43LDk4LjIsODAuNyw5OC4ycy0xLjUsMy4yLTIsOA0KCQkJQzc4LjMsMTExLDc1LjQsMTI4LDc1LjQsMTI4eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNOTcuNCw2MWMwLDAsNi40LTkuOCwxMS43LTcuOGM1LjMsMiw1LjYsOC44LDYuNSwxNi45czMsMjMuMywyLjMsMjguN2MtMC44LDUuNC01LDkuMS0xMy41LDYuNg0KCQkJUzgzLDk2LjMsODIuNSw5MS42QzgyLjEsODYuOCw5Ny40LDYxLDk3LjQsNjF6Ii8%2BDQoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMTYuNywxMDUuNGMwLDAsMi4xLDguNS0zLjgsMTQuN2MtNS45LDYuMi0xMC44LDYuOS0xMC44LDYuOXMtNy40LTEuNC0xMi4zLTkuM3MtOS40LTE3LjQtOS40LTE3LjQNCgkJCXMtMC45LTEuOC0wLjUtMy41YzAuNS0xLjgsMi4yLTQuOCwyLjItNC44czguMyw5LjMsMTcuNywxMS43czEyLjEsNCwxNi42LTAuN0wxMTYuNywxMDUuNHoiLz4NCgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTEzNy45LDU2LjFjMCwwLTQuOS00LjctOC43LTIuMmMtMy44LDIuNS02LjgsMjAuNC02LjgsMjEuNGMwLDEtNi4xLDI0LjEsMS43LDMwYzcuOCw1LjksMTQuNCwxMywxNC43LDIwLjUNCgkJCWMwLjMsNy40LDEyLTEuOSwxNS4yLTcuMWMzLjItNS4yLDYuOC05LjUsMi43LTIxLjZDMTUyLjYsODUsMTQ4LjUsNjguNCwxMzcuOSw1Ni4xeiIvPg0KCQk8ZyBjbGFzcz0ic3QzIj4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTguMSwxNTUuMmMtMC40LDAuNC0wLjksMC42LTEuNCwwLjZjLTAuNSwwLTEtMC4yLTEuNC0wLjZjLTAuOC0wLjgtMC44LTIsMC0yLjhjMi4zLTIuMywzLjYtMy42LDMuNS01LjgNCgkJCQljMS40LTEuMSwyLjUtMi4yLDMuMy0zLjNDMTYzLjgsMTQ5LjEsMTYxLjcsMTUxLjYsMTU4LjEsMTU1LjJ6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTYyLjIsMTQzLjRjLTAuOSwxLjEtMiwyLjItMy4zLDMuM2MtMC45LDAuNy0xLjgsMS40LTIuOCwyLjFjLTAuMywwLjItMC43LDAuNC0xLjEsMC40DQoJCQkJYy0wLjYsMC0xLjItMC4zLTEuNi0wLjhjLTAuNi0wLjktMC40LTIuMSwwLjUtMi43YzEuNi0xLjEsMy0yLjIsNC0zLjFjMS40LTEuMywyLjItMi41LDIuNy0zLjd2MGMwLjItMC42LDAuMy0xLjMsMC40LTEuOQ0KCQkJCWMxLjItMSwyLjQtMi4yLDMuMy0zLjdDMTY1LjMsMTM3LjEsMTY0LjcsMTQwLjIsMTYyLjIsMTQzLjR6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTY0LjEsMTMzLjFjLTAuOSwxLjQtMi4xLDIuNy0zLjMsMy43Yy0wLjMsMC4zLTAuNywwLjUtMSwwLjhjLTEuMSwwLjgtMi4zLDEuNS0zLjQsMg0KCQkJCWMtMS4yLDAuNi0yLjMsMC45LTMuMywxLjJjLTAuMiwwLTAuMywwLjEtMC41LDAuMWMtMC45LDAtMS43LTAuNi0xLjktMS41Yy0wLjMtMSwwLjQtMi4xLDEuNC0yLjRjMCwwLDAsMCwwLDANCgkJCQljMC4yLTAuMSwyLjQtMC42LDQuNy0yLjFjMS0wLjYsMi0xLjQsMi45LTIuNGMxLTEuMSwxLjktMi41LDIuNC00LjFjMC40LTEuNCwwLjYtMywwLjQtNC44YzAtMC4yLTAuMS0wLjQtMC4xLTAuNg0KCQkJCWMxLTEuMSwxLjktMi4zLDIuNi0zLjZjMC44LDEuMSwxLjMsMi40LDEuNSwzLjhDMTY2LjgsMTI3LjIsMTY1LjgsMTMwLjUsMTY0LjEsMTMzLjF6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTY0LjksMTE5LjNjLTAuNywxLjMtMS41LDIuNS0yLjYsMy42Yy0wLjksMS0yLDEuOS0zLjEsMi44Yy0xLjMsMS0yLjYsMS44LTQsMi42Yy0yLjUsMS40LTUsMi40LTcuMSwzDQoJCQkJYy0wLjIsMC4xLTAuNCwwLjEtMC42LDAuMWMtMC44LDAtMS42LTAuNi0xLjktMS40Yy0wLjMtMSwwLjMtMi4xLDEuMy0yLjRjMCwwLDAsMCwwLDBjMi4xLTAuNiw0LjktMS44LDcuNi0zLjQNCgkJCQljMS45LTEuMSwzLjYtMi41LDUtNC4xYzAuOS0xLDEuNi0yLjEsMi4xLTMuM2MwLjUtMS4yLDAuNy0yLjQsMC43LTMuN2MwLDAsMC0wLjEsMC0wLjFjMS0xLjEsMS44LTIuNCwyLjMtMy43DQoJCQkJYzEsMSwxLjUsMi4zLDEuNiwzLjdDMTY2LjUsMTE1LjIsMTY2LDExNy40LDE2NC45LDExOS4zeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE2NC44LDEwOS4xYy0wLjUsMS40LTEuMywyLjYtMi4zLDMuN2MtMC45LDEtMiwyLTMuMSwyLjhjLTEuNSwxLjEtMy4yLDIuMS00LjksMi45Yy0yLjksMS40LTUuOCwyLjQtNy45LDMNCgkJCQljLTAuMiwwLjEtMC40LDAuMS0wLjUsMC4xYy0wLjksMC0xLjYtMC42LTEuOS0xLjRjLTAuMi0wLjcsMC0xLjMsMC40LTEuOGMwLjItMC4zLDAuNi0wLjUsMS0wLjZjMS43LTAuNSw1LTEuNiw4LjItMy4yaDANCgkJCQljMi4xLTEuMSw0LjEtMi40LDUuNi00LjFjMS0xLDEuNy0yLjIsMi4xLTMuNGMwLjMtMSwwLjQtMi4xLDAuMS0zLjNjLTAuMS0wLjMtMC4yLTAuOC0wLjktMS4zYzEtMSwxLjctMi4xLDIuMy0zLjINCgkJCQljMS4zLDAuOSwyLjEsMi4yLDIuNCwzLjdDMTY1LjgsMTA1LjMsMTY1LjUsMTA3LjMsMTY0LjgsMTA5LjF6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTYyLjgsOTkuM2MtMC42LDEuMS0xLjQsMi4yLTIuMywzLjJjLTEuMiwxLjMtMi42LDIuNC00LjMsMy41aDBjLTEuOSwxLjMtNC4xLDIuNS02LjUsMy43DQoJCQkJYy0xLjYsMC44LTMuMiwxLjUtNC44LDIuMmMtMC4zLDAuMS0wLjUsMC4yLTAuOCwwLjJjLTAuOCwwLTEuNS0wLjQtMS44LTEuMmMtMC4xLTAuMi0wLjItMC41LTAuMi0wLjdjMC0wLjgsMC40LTEuNSwxLjItMS44DQoJCQkJYzItMC45LDMuOC0xLjcsNS40LTIuNWMzLjMtMS43LDUuNy0zLjIsNy40LTQuN2MxLjQtMS4yLDIuNC0yLjMsMy0zLjRjMS4zLTIuMiwxLjEtNC4zLDAuMy02LjRjLTAuMS0wLjMtMC4zLTAuNS0wLjUtMC43DQoJCQkJYzAuNC0wLjUsMC45LTEuMSwxLjItMS43YzAuMy0wLjYsMC42LTEuMSwwLjgtMS43YzEsMC43LDEuNywxLjYsMi4yLDIuN0MxNjQuNiw5My41LDE2NC4zLDk2LjYsMTYyLjgsOTkuM3oiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNjEsODcuM2MtMC4yLDAuNi0wLjUsMS4xLTAuOCwxLjdjLTAuMywwLjYtMC44LDEuMi0xLjIsMS43Yy0yLjIsMi43LTUuNiw0LjgtOC43LDYuM2MtNC4xLDItNy43LDIuOS04LDMNCgkJCQljLTAuMiwwLTAuMywwLjEtMC41LDAuMWMtMC45LDAtMS43LTAuNi0xLjktMS41Yy0wLjEtMC4yLTAuMS0wLjQtMC4xLTAuNmMwLjEtMC44LDAuNi0xLjYsMS41LTEuOGMwLjEsMCwzLjEtMC44LDYuNS0yLjQNCgkJCQljMi41LTEuMSw1LjItMi42LDcuMS00LjVjMC44LTAuNywxLjQtMS41LDEuOS0yLjRjMC4yLTAuNCwwLjQtMC44LDAuNi0xLjJjMC40LTEuMiwwLjUtMi40LDAuMS0zLjdjLTAuMi0wLjgtMC42LTEuNC0xLjEtMS45DQoJCQkJYzAuNC0wLjUsMC43LTEsMC45LTEuNmMwLjMtMC43LDAuNS0xLjQsMC42LTIuMmMxLjcsMS4xLDIuOSwyLjYsMy40LDQuNkMxNjEuOSw4My4yLDE2MS44LDg1LjMsMTYxLDg3LjN6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTU3LjksNzYuNWMtMC4xLDAuNy0wLjMsMS41LTAuNiwyLjJjLTAuMiwwLjYtMC42LDEuMS0wLjksMS42Yy0xLjUsMi4xLTQsMy43LTYuNiw1aDANCgkJCQljLTMuNiwxLjctNy40LDIuNy05LjcsMy4yYy0wLjEsMC0wLjMsMC4xLTAuNCwwLjFjLTAuOSwwLTEuNy0wLjYtMS45LTEuNWMwLTAuMSwwLTAuMiwwLTAuM2MtMC4xLTAuOSwwLjYtMS44LDEuNS0yDQoJCQkJYzQuOC0xLjEsMTAuNy0zLjIsMTMuNC02YzAuNS0wLjUsMC45LTEsMS4xLTEuNmMwLjItMC41LDAuNC0xLjIsMC4yLTIuMWMtMC4xLTAuNS0wLjMtMS0wLjYtMS41Yy0wLjQtMC43LTAuOS0xLjMtMS42LTEuOA0KCQkJCWMwLjMtMC42LDAuNi0xLjIsMC44LTEuOGMwLjItMC44LDAuMi0xLjUsMC4yLTIuMmMxLjcsMC45LDMuMiwyLjEsNC4xLDMuOUMxNTcuNyw3My4xLDE1OC4xLDc0LjgsMTU3LjksNzYuNXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTIuNCw2OS44Yy0wLjIsMC42LTAuNCwxLjItMC44LDEuOGMtMC42LDAuOS0xLjQsMS45LTIuNCwyLjdjLTEuOSwxLjUtNC41LDMtOCw0LjMNCgkJCQljLTEuMSwwLjQtMi4yLDAuOC0zLjQsMS4yYy0wLjIsMC4xLTAuNCwwLjEtMC42LDAuMWMtMC40LDAtMC45LTAuMi0xLjItMC40Yy0wLjMtMC4yLTAuNS0wLjUtMC42LTAuOWMtMC4zLTEsMC4yLTIuMSwxLjMtMi41DQoJCQkJYzEuMi0wLjQsMi4zLTAuOCwzLjMtMS4yYzQuOS0xLjksNy4xLTMuNiw4LTQuOWMwLjQtMC41LDAuNi0wLjksMC43LTEuM2MwLjEtMC42LDAuMi0xLjQtMC43LTIuOGMtMC4zLTAuNS0wLjctMS0xLjItMS42DQoJCQkJYy0wLjYtMC43LTEuOC0xLjEtMy4zLTEuNGMwLjQtMS4zLDAuNS0yLjYsMC4yLTMuOWMyLjUsMC40LDQuNywxLjMsNiwyLjdjMC44LDAuOCwyLjcsMywzLDUuOEMxNTIuNyw2OC4zLDE1Mi43LDY5LDE1Mi40LDY5Ljh6Ig0KCQkJCS8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTQzLjQsNjMuMWMwLDAsMCwwLjEsMCwwLjFjLTAuMywwLjktMC45LDEuNy0xLjYsMi40Yy0yLjgsMi42LTcuNywzLjItNy45LDMuMmMtMC44LDAtMS41LTAuNC0xLjgtMS4yDQoJCQkJYy0wLjEtMC4zLTAuMi0wLjYtMC4yLTAuOWMwLjEtMC43LDAuNS0xLjMsMS4yLTEuNmMxLjEtMC41LDQuNy0wLjUsNi4xLTIuM2MwLjItMC4yLDAuMy0wLjUsMC40LTAuOGMwLjQtMSwwLjMtMi4xLTAuMy0zLjINCgkJCQljMCwwLDAtMC4xLTAuMS0wLjFjLTIuNi01LTkuNS0xLjYtOS44LTEuNGMtMSwwLjUtMi4yLDAuMS0yLjYtMC45Yy0wLjUtMS0wLjEtMi4xLDAuOS0yLjZjMy43LTEuOSwxMS42LTMuNywxNS4xLDMuMQ0KCQkJCWMwLjQsMC44LDAuNywxLjYsMC44LDIuNEMxNDMuOSw2MC40LDE0My44LDYxLjgsMTQzLjQsNjMuMXoiLz4NCgkJPC9nPg0KCQk8ZyBjbGFzcz0ic3QzIj4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03OS45LDE1NS4yYzAuNCwwLjQsMC45LDAuNiwxLjQsMC42YzAuNSwwLDEtMC4yLDEuNC0wLjZjMC44LTAuOCwwLjgtMiwwLTIuOGMtMi4zLTIuMy0zLjYtMy42LTMuNS01LjgNCgkJCQljLTEuNC0xLjEtMi41LTIuMi0zLjMtMy4zQzc0LjIsMTQ5LjEsNzYuMywxNTEuNiw3OS45LDE1NS4yeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTc1LjgsMTQzLjRjMC45LDEuMSwyLDIuMiwzLjMsMy4zYzAuOSwwLjcsMS44LDEuNCwyLjgsMi4xYzAuMywwLjIsMC43LDAuNCwxLjEsMC40YzAuNiwwLDEuMi0wLjMsMS42LTAuOA0KCQkJCWMwLjYtMC45LDAuNC0yLjEtMC41LTIuN2MtMS42LTEuMS0zLTIuMi00LTMuMWMtMS40LTEuMy0yLjItMi41LTIuNy0zLjd2MGMtMC4yLTAuNi0wLjMtMS4zLTAuNC0xLjljLTEuMi0xLTIuNC0yLjItMy4zLTMuNw0KCQkJCUM3Mi43LDEzNy4xLDczLjMsMTQwLjIsNzUuOCwxNDMuNHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03My45LDEzMy4xYzAuOSwxLjQsMi4xLDIuNywzLjMsMy43YzAuMywwLjMsMC43LDAuNSwxLDAuOGMxLjEsMC44LDIuMywxLjUsMy40LDJjMS4yLDAuNiwyLjMsMC45LDMuMywxLjINCgkJCQljMC4yLDAsMC4zLDAuMSwwLjUsMC4xYzAuOSwwLDEuNy0wLjYsMS45LTEuNWMwLjMtMS0wLjQtMi4xLTEuNC0yLjRjMCwwLDAsMCwwLDBjLTAuMi0wLjEtMi40LTAuNi00LjctMi4xYy0xLTAuNi0yLTEuNC0yLjktMi40DQoJCQkJYy0xLTEuMS0xLjktMi41LTIuNC00LjFjLTAuNC0xLjQtMC42LTMtMC40LTQuOGMwLTAuMiwwLjEtMC40LDAuMS0wLjZjLTEtMS4xLTEuOS0yLjMtMi42LTMuNmMtMC44LDEuMS0xLjMsMi40LTEuNSwzLjgNCgkJCQlDNzEuMiwxMjcuMiw3Mi4yLDEzMC41LDczLjksMTMzLjF6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzMuMSwxMTkuM2MwLjcsMS4zLDEuNSwyLjUsMi42LDMuNmMwLjksMSwyLDEuOSwzLjEsMi44YzEuMywxLDIuNiwxLjgsNCwyLjZjMi41LDEuNCw1LDIuNCw3LjEsMw0KCQkJCWMwLjIsMC4xLDAuNCwwLjEsMC42LDAuMWMwLjgsMCwxLjYtMC42LDEuOS0xLjRjMC4zLTEtMC4zLTIuMS0xLjMtMi40YzAsMCwwLDAsMCwwYy0yLjEtMC42LTQuOS0xLjgtNy42LTMuNA0KCQkJCWMtMS45LTEuMS0zLjYtMi41LTUtNC4xYy0wLjktMS0xLjYtMi4xLTIuMS0zLjNjLTAuNS0xLjItMC43LTIuNC0wLjctMy43YzAsMCwwLTAuMSwwLTAuMWMtMS0xLjEtMS44LTIuNC0yLjMtMy43DQoJCQkJYy0xLDEtMS41LDIuMy0xLjYsMy43QzcxLjUsMTE1LjIsNzIsMTE3LjQsNzMuMSwxMTkuM3oiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03My4yLDEwOS4xYzAuNSwxLjQsMS4zLDIuNiwyLjMsMy43YzAuOSwxLDIsMiwzLjEsMi44YzEuNSwxLjEsMy4yLDIuMSw0LjksMi45YzIuOSwxLjQsNS44LDIuNCw3LjksMw0KCQkJCWMwLjIsMC4xLDAuNCwwLjEsMC41LDAuMWMwLjksMCwxLjYtMC42LDEuOS0xLjRjMC4yLTAuNywwLTEuMy0wLjQtMS44Yy0wLjItMC4zLTAuNi0wLjUtMS0wLjZjLTEuNy0wLjUtNS0xLjYtOC4yLTMuMmgwDQoJCQkJYy0yLjEtMS4xLTQuMS0yLjQtNS42LTQuMWMtMS0xLTEuNy0yLjItMi4xLTMuNGMtMC4zLTEtMC40LTIuMS0wLjEtMy4zYzAuMS0wLjMsMC4yLTAuOCwwLjktMS4zYy0xLTEtMS43LTIuMS0yLjMtMy4yDQoJCQkJYy0xLjMsMC45LTIuMSwyLjItMi40LDMuN0M3Mi4yLDEwNS4zLDcyLjUsMTA3LjMsNzMuMiwxMDkuMXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03NS4xLDk5LjNjMC42LDEuMSwxLjQsMi4yLDIuMywzLjJjMS4yLDEuMywyLjYsMi40LDQuMywzLjVoMGMxLjksMS4zLDQuMSwyLjUsNi41LDMuNw0KCQkJCWMxLjYsMC44LDMuMiwxLjUsNC44LDIuMmMwLjMsMC4xLDAuNSwwLjIsMC44LDAuMmMwLjgsMCwxLjUtMC40LDEuOC0xLjJjMC4xLTAuMiwwLjItMC41LDAuMi0wLjdjMC0wLjgtMC40LTEuNS0xLjItMS44DQoJCQkJYy0yLTAuOS0zLjgtMS43LTUuNC0yLjVjLTMuMy0xLjctNS43LTMuMi03LjQtNC43Yy0xLjQtMS4yLTIuNC0yLjMtMy0zLjRjLTEuMy0yLjItMS4xLTQuMy0wLjMtNi40YzAuMS0wLjMsMC4zLTAuNSwwLjUtMC43DQoJCQkJYy0wLjQtMC41LTAuOS0xLjEtMS4yLTEuN2MtMC4zLTAuNi0wLjYtMS4xLTAuOC0xLjdjLTEsMC43LTEuNywxLjYtMi4yLDIuN0M3My40LDkzLjUsNzMuNyw5Ni42LDc1LjEsOTkuM3oiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03Nyw4Ny4zYzAuMiwwLjYsMC41LDEuMSwwLjgsMS43YzAuMywwLjYsMC44LDEuMiwxLjIsMS43YzIuMiwyLjcsNS42LDQuOCw4LjcsNi4zYzQuMSwyLDcuNywyLjksOCwzDQoJCQkJYzAuMiwwLDAuMywwLjEsMC41LDAuMWMwLjksMCwxLjctMC42LDEuOS0xLjVjMC4xLTAuMiwwLjEtMC40LDAuMS0wLjZjLTAuMS0wLjgtMC42LTEuNi0xLjUtMS44Yy0wLjEsMC0zLjEtMC44LTYuNS0yLjQNCgkJCQljLTIuNS0xLjEtNS4yLTIuNi03LjEtNC41Yy0wLjgtMC43LTEuNC0xLjUtMS45LTIuNGMtMC4yLTAuNC0wLjQtMC44LTAuNi0xLjJjLTAuNC0xLjItMC41LTIuNC0wLjEtMy43YzAuMi0wLjgsMC42LTEuNCwxLjEtMS45DQoJCQkJYy0wLjQtMC41LTAuNy0xLTAuOS0xLjZjLTAuMy0wLjctMC41LTEuNC0wLjYtMi4yYy0xLjcsMS4xLTIuOSwyLjYtMy40LDQuNkM3Ni4xLDgzLjIsNzYuMiw4NS4zLDc3LDg3LjN6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODAuMSw3Ni41YzAuMSwwLjcsMC4zLDEuNSwwLjYsMi4yYzAuMiwwLjYsMC42LDEuMSwwLjksMS42YzEuNSwyLjEsNCwzLjcsNi42LDVoMGMzLjYsMS43LDcuNCwyLjcsOS43LDMuMg0KCQkJCWMwLjEsMCwwLjMsMC4xLDAuNCwwLjFjMC45LDAsMS43LTAuNiwxLjktMS41YzAtMC4xLDAtMC4yLDAtMC4zYzAuMS0wLjktMC42LTEuOC0xLjUtMmMtNC44LTEuMS0xMC43LTMuMi0xMy40LTYNCgkJCQljLTAuNS0wLjUtMC45LTEtMS4xLTEuNmMtMC4yLTAuNS0wLjQtMS4yLTAuMi0yLjFjMC4xLTAuNSwwLjMtMSwwLjYtMS41YzAuNC0wLjcsMC45LTEuMywxLjYtMS44Yy0wLjMtMC42LTAuNi0xLjItMC44LTEuOA0KCQkJCWMtMC4yLTAuOC0wLjItMS41LTAuMi0yLjJjLTEuNywwLjktMy4yLDIuMS00LjEsMy45QzgwLjMsNzMuMSw3OS45LDc0LjgsODAuMSw3Ni41eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTg1LjUsNjkuOGMwLjIsMC42LDAuNCwxLjIsMC44LDEuOGMwLjYsMC45LDEuNCwxLjksMi40LDIuN2MxLjksMS41LDQuNSwzLDgsNC4zYzEuMSwwLjQsMi4yLDAuOCwzLjQsMS4yDQoJCQkJYzAuMiwwLjEsMC40LDAuMSwwLjYsMC4xYzAuNCwwLDAuOS0wLjIsMS4yLTAuNGMwLjMtMC4yLDAuNS0wLjUsMC42LTAuOWMwLjMtMS0wLjItMi4xLTEuMy0yLjVjLTEuMi0wLjQtMi4zLTAuOC0zLjMtMS4yDQoJCQkJYy00LjktMS45LTcuMS0zLjYtOC00LjljLTAuNC0wLjUtMC42LTAuOS0wLjctMS4zYy0wLjEtMC42LTAuMi0xLjQsMC43LTIuOGMwLjMtMC41LDAuNy0xLDEuMi0xLjZjMC42LTAuNywxLjgtMS4xLDMuMy0xLjQNCgkJCQljLTAuNC0xLjMtMC41LTIuNi0wLjItMy45Yy0yLjUsMC40LTQuNywxLjMtNiwyLjdjLTAuOCwwLjgtMi43LDMtMyw1LjhDODUuMyw2OC4zLDg1LjMsNjksODUuNSw2OS44eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTk0LjYsNjMuMWMwLDAsMCwwLjEsMCwwLjFjMC4zLDAuOSwwLjksMS43LDEuNiwyLjRjMi44LDIuNiw3LjcsMy4yLDcuOSwzLjJjMC44LDAsMS41LTAuNCwxLjgtMS4yDQoJCQkJYzAuMS0wLjMsMC4yLTAuNiwwLjItMC45Yy0wLjEtMC43LTAuNS0xLjMtMS4yLTEuNmMtMS4xLTAuNS00LjctMC41LTYuMS0yLjNjLTAuMi0wLjItMC4zLTAuNS0wLjQtMC44Yy0wLjQtMS0wLjMtMi4xLDAuMy0zLjINCgkJCQljMCwwLDAtMC4xLDAuMS0wLjFjMi42LTUsOS41LTEuNiw5LjgtMS40YzEsMC41LDIuMiwwLjEsMi42LTAuOWMwLjUtMSwwLjEtMi4xLTAuOS0yLjZjLTMuNy0xLjktMTEuNi0zLjctMTUuMSwzLjENCgkJCQljLTAuNCwwLjgtMC43LDEuNi0wLjgsMi40Qzk0LjEsNjAuNCw5NC4yLDYxLjgsOTQuNiw2My4xeiIvPg0KCQk8L2c%2BDQoJPC9nPg0KCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yMTcuOSwxNTAuNWMtMC4xLDAtMC4yLDAuMS0wLjMsMC4xYy0wLjQsMC0wLjctMC4yLTAuOS0wLjZjLTAuMi0wLjUtMTguMy00OS4yLTIxLjYtNzYuOA0KCQljLTMtMjQuOS02LjctMjYuMS0yMC40LTMwLjVjLTEuMi0wLjQtMi42LTAuOC00LTEuM2MtMTcuMS01LjctMzItMjItMzIuNi0yMi43Yy0wLjMtMC40LTAuMy0xLDAuMS0xLjNjMC40LTAuMywxLTAuMywxLjMsMC4xDQoJCWMwLjIsMC4yLDE1LjIsMTYuNywzMS45LDIyLjJjMS40LDAuNSwyLjcsMC45LDQsMS4zYzcuMSwyLjIsMTEuNywzLjcsMTUuMSw4YzMuMiw0LjEsNS4xLDEwLjksNi43LDI0DQoJCWMzLjMsMjcuNCwyMS40LDc1LjksMjEuNSw3Ni4zQzIxOC42LDE0OS44LDIxOC40LDE1MC4zLDIxNy45LDE1MC41eiBNMTU2LjgsNDAuNWMwLjEsMC41LTAuMiwxLTAuNywxLjENCgkJYy0xNC43LDMuMS0yMi43LDcuNS0yMi44LDcuNmMtMC4xLDAuMS0wLjMsMC4xLTAuNCwwLjFjLTAuMywwLTAuNi0wLjItMC44LTAuNWMtMC4yLTAuNC0wLjEtMSwwLjQtMS4zYzAuMy0wLjIsOC40LTQuNSwyMy4zLTcuNw0KCQlDMTU2LjIsMzkuNywxNTYuNyw0MCwxNTYuOCw0MC41eiBNMTA2LjEsNDkuM2MtMC4yLDAtMC4zLDAtMC40LTAuMWMtMC4xLDAtOC4xLTQuNC0yMi44LTcuNmMtMC41LTAuMS0wLjgtMC42LTAuNy0xLjENCgkJYzAuMS0wLjUsMC42LTAuOCwxLjEtMC43YzE1LDMuMiwyMyw3LjYsMjMuMyw3LjdjMC40LDAuMiwwLjYsMC44LDAuNCwxLjNDMTA2LjgsNDkuMSwxMDYuNSw0OS4zLDEwNi4xLDQ5LjN6IE02OC40LDQxLjQNCgkJYy0xLjQsMC41LTIuNywwLjktNCwxLjNDNTAuNyw0Ny4xLDQ3LDQ4LjIsNDMuOSw3My4yYy0zLjQsMjcuNi0yMS41LDc2LjMtMjEuNiw3Ni44Yy0wLjEsMC40LTAuNSwwLjYtMC45LDAuNg0KCQljLTAuMSwwLTAuMiwwLTAuMy0wLjFjLTAuNS0wLjItMC43LTAuNy0wLjUtMS4yYzAuMi0wLjUsMTguMi00OSwyMS41LTc2LjNjMS42LTEzLjEsMy41LTE5LjgsNi43LTI0YzMuMy00LjMsOC01LjgsMTUuMS04DQoJCWMxLjItMC40LDIuNi0wLjgsNC0xLjNjMTYuNy01LjUsMzEuNy0yMiwzMS45LTIyLjJjMC4zLTAuNCwwLjktMC40LDEuMy0wLjFjMC40LDAuMywwLjQsMC45LDAuMSwxLjMNCgkJQzEwMC40LDE5LjUsODUuNSwzNS44LDY4LjQsNDEuNHogTTY3LjIsMTE1LjljMC4yLTAuNSwwLjgtMC42LDEuMi0wLjRjMC41LDAuMiwwLjYsMC44LDAuNCwxLjJsLTUuMywxMC43bDEuMiwyMi4xDQoJCWMwLDAuNS0wLjQsMS0wLjksMWMwLDAsMCwwLTAuMSwwYy0wLjUsMC0wLjktMC40LTAuOS0wLjlsLTEtMTguOGwtOS40LDE5LjFjLTAuMiwwLjMtMC41LDAuNS0wLjgsMC41Yy0wLjEsMC0wLjMsMC0wLjQtMC4xDQoJCWMtMC41LTAuMi0wLjYtMC44LTAuNC0xLjJMNjcuMiwxMTUuOXogTTE3MS44LDExNS45bDE2LjUsMzMuMmMwLjIsMC41LDAsMS0wLjQsMS4yYy0wLjEsMC4xLTAuMywwLjEtMC40LDAuMQ0KCQljLTAuMywwLTAuNy0wLjItMC44LTAuNWwtOS41LTE5LjFsLTEuMSwxOC44YzAsMC41LTAuNCwwLjktMC45LDAuOWMwLDAsMCwwLTAuMSwwYy0wLjUsMC0wLjktMC41LTAuOS0xbDEuMy0yMi4xbC01LjMtMTAuNw0KCQljLTAuMi0wLjUsMC0xLDAuNC0xLjJDMTcxLDExNS4zLDE3MS41LDExNS41LDE3MS44LDExNS45eiIvPg0KPC9nPg0KPHBhdGggY2xhc3M9InN0OCIgZD0iTTIwNCwxMjAuNWMtMC4yLDAuMS0wLjMsMC4xLTAuNSwwLjFjLTAuMywwLTAuNy0wLjItMC45LTAuNWMtMy4zLTUuOS05LjQtNDQtOS43LTQ1LjZsMC0wLjENCgljMC0wLjMtMi40LTI5LjMtMjEuMy0zNmMtMTYuOC02LTIyLjItMTcuNi0yMi40LTE4LjFjLTAuMi0wLjUsMC0xLjEsMC41LTEuM2MwLjUtMC4yLDEuMSwwLDEuMywwLjVjMC4xLDAuMSw1LjQsMTEuMywyMS4zLDE3DQoJYzguNCwzLDE0LjksMTAuNSwxOSwyMS43YzMsOC4xLDMuNiwxNS4zLDMuNiwxNmMyLjIsMTMuNiw3LDQwLjQsOS41LDQ0LjlDMjA0LjYsMTE5LjYsMjA0LjUsMTIwLjIsMjA0LDEyMC41eiBNNjYuNSwzOC40DQoJYy0xOC45LDYuOC0yMS4zLDM1LjctMjEuMywzNmwwLDAuMWMtMC4zLDEuNi02LjQsMzkuNy05LjcsNDUuNmMtMC4yLDAuMy0wLjUsMC41LTAuOSwwLjVjLTAuMiwwLTAuMywwLTAuNS0wLjENCgljLTAuNS0wLjMtMC42LTAuOS0wLjQtMS40YzIuNS00LjQsNy4zLTMxLjMsOS41LTQ0LjljMC4xLTAuNywwLjctNy45LDMuNi0xNmM0LjEtMTEuMiwxMC42LTE4LjcsMTktMjEuNw0KCWMxNy4xLTYuMiwyMS4zLTE2LjksMjEuNC0xN2MwLjItMC41LDAuOC0wLjgsMS4zLTAuNmMwLjUsMC4yLDAuOCwwLjgsMC42LDEuM0M4OC45LDIwLjcsODQuNCwzMS45LDY2LjUsMzguNHogTTYxLjIsMTEyLjkNCgljMC0wLjIsMC4xLTAuMywwLjItMC40Yy0yLjMtMTguMS00LjctMzIuMi00LjctMzIuNWMtMC4xLTAuNSwwLjMtMS4xLDAuOC0xLjFjMC41LTAuMSwxLjEsMC4zLDEuMSwwLjhjMC4xLDAuNSw4LjksNTMuNCw4LjksODUuOA0KCWMwLDAuNi0wLjQsMS0xLDFzLTEtMC40LTEtMWMwLTE0LjEtMS43LTMyLjItMy42LTQ4bC0zLjQsMTIuN2MtMC4xLDAuNC0wLjUsMC43LTEsMC43Yy0wLjEsMC0wLjIsMC0wLjMsMGMtMC41LTAuMS0wLjgtMC43LTAuNy0xLjINCglMNjEuMiwxMTIuOXogTTE4MC43LDc4LjhjMC41LDAuMSwwLjksMC42LDAuOCwxLjFjMCwwLjMtMi41LDE1LjEtNC45LDMzLjhjMC4xLDAuMSwwLjMsMC4yLDAuMywwLjRsNi41LDE1LjRjMC4yLDAuNSwwLDEuMS0wLjUsMS4zDQoJYy0wLjEsMC4xLTAuMywwLjEtMC40LDAuMWMtMC40LDAtMC44LTAuMi0wLjktMC42bC01LjUtMTIuOWMtMS45LDE1LjktMy42LDMzLjktMy42LDQ4LjFjMCwwLjYtMC40LDEtMSwxcy0xLTAuNC0xLTENCgljMC0zMi41LDguOS04NS4zLDguOS04NS44QzE3OS42LDc5LjEsMTgwLjIsNzguOCwxODAuNyw3OC44eiIvPg0KPGcgY2xhc3M9InN0OSI%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMDQuNCw3MS44Yy0xLjEtMC4yLTIuNC0wLjQtMy43LTAuNWMwLjksMC41LDEuNSwwLjgsMS41LDAuOGMwLjMsMC4xLDAuNSwwLjIsMC44LDAuMg0KCQlDMTAzLjYsNzIuMywxMDQuMSw3Mi4xLDEwNC40LDcxLjh6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik05NC40LDY0LjRjMCwwLDAsMC4xLDAsMC4xYzAuMywwLjksMC44LDEuNywxLjMsMi40YzIuMiwwLDQuMywwLjIsNi4zLDAuNGMtMS4yLTAuOC0yLjctMi0zLjQtMy40DQoJCUM5Ny4xLDY0LDk1LjYsNjQuMiw5NC40LDY0LjR6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik04Niw3My4xYzAuNiwxLjEsMS42LDIuMSwyLjgsMy4xYzQuNiwwLjIsOS42LDEuMywxMy42LDIuNWMtMC4yLTAuNS0wLjYtMC44LTEuMi0xDQoJCUM5NCw3NS4zLDkxLDczLjEsODkuOCw3MS41Qzg4LjMsNzEuOSw4Nyw3Mi40LDg2LDczLjF6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik04MS4zLDgxLjhjMS42LDIuMSw0LjEsMy44LDYuNyw1LjFjMCwwLDAsMCwwLDBjMS45LDAuMSw0LDAuMyw2LjMsMC41YzIuMSwwLjMsNC4xLDAuNiw2LDAuOQ0KCQljMC4xLTEtMC42LTEuOC0xLjUtMi4xYy00LjgtMS4xLTEwLjctMy4yLTEzLjUtNmMtMS4xLDAuMS0yLDAuNC0yLjgsMC44QzgxLjksODEuMyw4MS42LDgxLjUsODEuMyw4MS44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNzguNiw5Mi40TDc4LjYsOTIuNGMyLjMsMi44LDUuNiw0LjksOC44LDYuNGMzLjUsMC4xLDcuMiwwLjUsMTAuNiwxYy0wLjEtMC44LTAuNi0xLjYtMS41LTEuOA0KCQljLTAuMSwwLTMuMS0wLjgtNi42LTIuNGMtMi41LTEuMS01LjItMi43LTcuMi00LjZDODAuOCw5MS4yLDc5LjQsOTEuNyw3OC42LDkyLjR6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik05NS43LDExMi4xYy0yLjYtMC4yLTUuMi0wLjQtNy43LTAuNWMxLjYsMC44LDMuMiwxLjUsNC45LDIuM2MwLjMsMC4xLDAuNSwwLjIsMC44LDAuMg0KCQljMC44LDAsMS41LTAuNCwxLjgtMS4yQzk1LjYsMTEyLjcsOTUuNywxMTIuNCw5NS43LDExMi4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNzcuMSwxMDQuNGMxLjIsMS4zLDIuNywyLjUsNC4zLDMuNmgwYzIuMy0wLjMsNC45LTAuMyw3LjYtMC4zYy0zLjMtMS43LTUuNy0zLjItNy41LTQuNw0KCQljLTEuOCwwLjItMy4yLDAuNi00LjIsMS4zQzc3LjIsMTA0LjMsNzcuMSwxMDQuMyw3Ny4xLDEwNC40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNODMuMywxMjAuN2MzLDEuNCw1LjksMi40LDgsM2MwLjIsMC4xLDAuNCwwLjEsMC42LDAuMWMwLjksMCwxLjctMC42LDEuOS0xLjRjMC4yLTAuNywwLTEuNC0wLjQtMS44DQoJCUM4OS44LDEyMC4zLDg2LjMsMTIwLjMsODMuMywxMjAuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTc1LjEsMTE0LjljMC45LDEsMiwyLDMuMiwyLjljMS43LTAuNiwzLjctMC45LDUuOC0xLjFjLTIuMS0xLjEtNC4yLTIuNS01LjYtNC4xYy0xLDAuMy0xLjksMC43LTIuNSwxLjENCgkJQzc1LjMsMTE0LjEsNzUuMSwxMTQuNiw3NS4xLDExNC45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNOTAuNywxMjkuOGMtMy4zLDAtNi4yLDAuMi04LjQsMC44YzIuNSwxLjQsNS4xLDIuNCw3LjIsMy4xYzAuMiwwLjEsMC40LDAuMSwwLjYsMC4xYzAuOSwwLDEuNy0wLjYsMS45LTEuNA0KCQlDOTIuNCwxMzEuMiw5MS44LDEzMC4xLDkwLjcsMTI5Ljh6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik03NS4yLDEyNS4xYzAuOSwxLDIsMiwzLjEsMi44YzEuMi0wLjcsMi44LTEuMiw0LjctMS42Yy0xLjktMS4yLTMuNy0yLjUtNS4xLTQuMWMtMC40LDAuMi0wLjgsMC40LTEuMSwwLjcNCgkJQzc1LjksMTIzLjUsNzUuNCwxMjQuMiw3NS4yLDEyNS4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNODEuMywxNDJjMS4yLDAuNiwyLjQsMSwzLjQsMS4yYzAuMiwwLDAuMywwLjEsMC41LDAuMWMwLjksMCwxLjctMC42LDEuOS0xLjVjMC4zLTEuMS0wLjQtMi4xLTEuNC0yLjQNCgkJQzgzLjcsMTQwLDgyLjIsMTQwLjgsODEuMywxNDJ6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik03Ni44LDEzOS4yYzAuMywwLjMsMC43LDAuNSwxLDAuOGMwLjgtMS4xLDEuOC0yLDMtMi44Yy0xLTAuNi0yLTEuNC0zLTIuNUM3Ny4yLDEzNi40LDc2LjgsMTM3LjgsNzYuOCwxMzkuMg0KCQl6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik03OC44LDE0OS4xYzAuOSwwLjcsMS44LDEuNCwyLjksMi4yYzAuMywwLjIsMC43LDAuNCwxLjEsMC40YzAuNiwwLDEuMi0wLjMsMS42LTAuOWMwLjYtMC45LDAuNC0yLjItMC41LTIuOA0KCQljLTEuNy0xLjItMy0yLjItNC0zLjJDNzkuMiwxNDYuNyw3OC44LDE0OCw3OC44LDE0OS4xeiIvPg0KPC9nPg0KPGcgY2xhc3M9InN0OSI%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMzMuNSw3MS44YzEuMS0wLjIsMi40LTAuNCwzLjctMC41Yy0wLjksMC41LTEuNSwwLjgtMS41LDAuOGMtMC4zLDAuMS0wLjUsMC4yLTAuOCwwLjINCgkJQzEzNC4zLDcyLjMsMTMzLjksNzIuMSwxMzMuNSw3MS44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTQzLjUsNjQuNGMwLDAsMCwwLjEsMCwwLjFjLTAuMywwLjktMC44LDEuNy0xLjMsMi40Yy0yLjIsMC00LjMsMC4yLTYuMywwLjRjMS4yLTAuOCwyLjctMiwzLjQtMy40DQoJCUMxNDAuOSw2NCwxNDIuMyw2NC4yLDE0My41LDY0LjR6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xNTEuOSw3My4xYy0wLjYsMS4xLTEuNiwyLjEtMi44LDMuMWMtNC42LDAuMi05LjYsMS4zLTEzLjYsMi41YzAuMi0wLjUsMC42LTAuOCwxLjItMQ0KCQljNy4zLTIuNCwxMC4zLTQuNiwxMS41LTYuMUMxNDkuNiw3MS45LDE1MC45LDcyLjQsMTUxLjksNzMuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE1Ni43LDgxLjhjLTEuNiwyLjEtNC4xLDMuOC02LjcsNS4xYzAsMCwwLDAsMCwwYy0xLjksMC4xLTQsMC4zLTYuMywwLjVjLTIuMSwwLjMtNC4xLDAuNi02LDAuOQ0KCQljLTAuMS0xLDAuNi0xLjgsMS41LTIuMWM0LjgtMS4xLDEwLjctMy4yLDEzLjUtNmMxLjEsMC4xLDIsMC40LDIuOCwwLjhDMTU2LDgxLjMsMTU2LjQsODEuNSwxNTYuNyw4MS44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTU5LjMsOTIuNEwxNTkuMyw5Mi40Yy0yLjMsMi44LTUuNiw0LjktOC44LDYuNGMtMy41LDAuMS03LjIsMC41LTEwLjYsMWMwLjEtMC44LDAuNi0xLjYsMS41LTEuOA0KCQljMC4xLDAsMy4xLTAuOCw2LjYtMi40YzIuNS0xLjEsNS4yLTIuNyw3LjItNC42QzE1Ny4xLDkxLjIsMTU4LjYsOTEuNywxNTkuMyw5Mi40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTQyLjMsMTEyLjFjMi42LTAuMiw1LjItMC40LDcuNy0wLjVjLTEuNiwwLjgtMy4yLDEuNS00LjksMi4zYy0wLjMsMC4xLTAuNSwwLjItMC44LDAuMg0KCQljLTAuOCwwLTEuNS0wLjQtMS44LTEuMkMxNDIuMywxMTIuNywxNDIuMywxMTIuNCwxNDIuMywxMTIuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE2MC45LDEwNC40Yy0xLjIsMS4zLTIuNywyLjUtNC4zLDMuNmgwYy0yLjMtMC4zLTQuOS0wLjMtNy42LTAuM2MzLjMtMS43LDUuNy0zLjIsNy41LTQuNw0KCQljMS44LDAuMiwzLjIsMC42LDQuMiwxLjNDMTYwLjgsMTA0LjMsMTYwLjgsMTA0LjMsMTYwLjksMTA0LjR6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xNTQuNywxMjAuN2MtMywxLjQtNS45LDIuNC04LDNjLTAuMiwwLjEtMC40LDAuMS0wLjYsMC4xYy0wLjksMC0xLjctMC42LTEuOS0xLjRjLTAuMi0wLjcsMC0xLjQsMC40LTEuOA0KCQlDMTQ4LjEsMTIwLjMsMTUxLjYsMTIwLjMsMTU0LjcsMTIwLjd6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xNjIuOCwxMTQuOWMtMC45LDEtMiwyLTMuMiwyLjljLTEuNy0wLjYtMy43LTAuOS01LjgtMS4xYzIuMS0xLjEsNC4yLTIuNSw1LjYtNC4xYzEsMC4zLDEuOSwwLjcsMi41LDEuMQ0KCQlDMTYyLjcsMTE0LjEsMTYyLjgsMTE0LjYsMTYyLjgsMTE0Ljl6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xNDcuMiwxMjkuOGMzLjMsMCw2LjIsMC4yLDguNCwwLjhjLTIuNSwxLjQtNS4xLDIuNC03LjIsMy4xYy0wLjIsMC4xLTAuNCwwLjEtMC42LDAuMQ0KCQljLTAuOSwwLTEuNy0wLjYtMS45LTEuNEMxNDUuNiwxMzEuMiwxNDYuMSwxMzAuMSwxNDcuMiwxMjkuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE2Mi44LDEyNS4xYy0wLjksMS0yLDItMy4xLDIuOGMtMS4yLTAuNy0yLjgtMS4yLTQuNy0xLjZjMS45LTEuMiwzLjctMi41LDUuMS00LjFjMC40LDAuMiwwLjgsMC40LDEuMSwwLjcNCgkJQzE2MiwxMjMuNSwxNjIuNSwxMjQuMiwxNjIuOCwxMjUuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE1Ni42LDE0MmMtMS4yLDAuNi0yLjQsMS0zLjQsMS4yYy0wLjIsMC0wLjMsMC4xLTAuNSwwLjFjLTAuOSwwLTEuNy0wLjYtMS45LTEuNWMtMC4zLTEuMSwwLjQtMi4xLDEuNC0yLjQNCgkJQzE1NC4yLDE0MCwxNTUuOCwxNDAuOCwxNTYuNiwxNDJ6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xNjEuMSwxMzkuMmMtMC4zLDAuMy0wLjcsMC41LTEsMC44Yy0wLjgtMS4xLTEuOC0yLTMtMi44YzEtMC42LDItMS40LDMtMi41DQoJCUMxNjAuNywxMzYuNCwxNjEuMSwxMzcuOCwxNjEuMSwxMzkuMnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE1OS4yLDE0OS4xYy0wLjksMC43LTEuOCwxLjQtMi45LDIuMmMtMC4zLDAuMi0wLjcsMC40LTEuMSwwLjRjLTAuNiwwLTEuMi0wLjMtMS42LTAuOQ0KCQljLTAuNi0wLjktMC40LTIuMiwwLjUtMi44YzEuNy0xLjIsMy0yLjIsNC0zLjJDMTU4LjgsMTQ2LjcsMTU5LjEsMTQ4LDE1OS4yLDE0OS4xeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0xNTYuNSwxNDQuOGMtNC4zLTIuNC0xNi0yLjQtMjYuMi0xNi4ycy02LjgtNTEuNy02LjgtNTIuN2MwLTEsMy4yLTE5LjUsNy4yLTIyLjFjNC0yLjYsOS4xLDIuMyw5LjEsMi4zDQoJCWMxMS4yLDEyLjcsMTUuNSwyOS43LDE5LjksNDIuM2MyLDUuOCwyLjMsOS45LDEuNiwxMy4xYzAuMSwwLjEsMi45LDIuNiwyLjksMTEuM2MwLDguOSwwLDE3LDAsMTdTMTY0LjYsMTQ5LjMsMTU2LjUsMTQ0Ljh6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTIiIGQ9Ik0xMjMuNSw3NS45Yy0wLjktMC4zLDMuMi0xOS41LDcuMi0yMi4xYzQtMi42LDkuMSwyLjMsOS4xLDIuM2MxMS4yLDEyLjcsMTUuNSwyOS43LDE5LjksNDIuMw0KCQljMiw1LjgsMi4zLDkuOSwxLjYsMTMuMUMxNjEuNCwxMTEuNSwxNDcuMSw4NC41LDEyMy41LDc1Ljl6Ii8%2BDQoJPHBhdGggY2xhc3M9InN0MTIiIGQ9Ik04Mi44LDE0NC44YzQuMy0yLjQsMTYtMi40LDI2LjItMTYuMnM2LjgtNTEuNyw2LjgtNTIuN2MwLTEtMy4yLTE5LjUtNy4yLTIyLjFjLTQtMi42LTkuMSwyLjMtOS4xLDIuMw0KCQlDODguMiw2OC44LDgzLjksODUuOSw3OS42LDk4LjRjLTIsNS44LTIuMyw5LjktMS42LDEzLjFjLTAuMSwwLjEtMi45LDIuNi0yLjksMTEuM2MwLDguOSwwLDE3LDAsMTdTNzQuOCwxNDkuMyw4Mi44LDE0NC44eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDExIiBkPSJNMTE1LjgsNzUuOWMwLjktMC41LTMuMi0xOS41LTcuMi0yMi4xYy00LTIuNi05LjEsMi4zLTkuMSwyLjNDODguMiw2OC44LDgzLjksODUuOSw3OS42LDk4LjQNCgkJYy0yLDUuOC0yLjMsOS45LTEuNiwxMy4xQzc4LDExMS41LDkyLjcsODguNSwxMTUuOCw3NS45eiIvPg0KCTxnIGNsYXNzPSJzdDkiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTQzLjgsNjAuNGMtMS40LTAuMi0yLjktMC40LTQuMy0wLjRsLTAuMS0wLjFjLTIuNi01LjEtOS43LTEuNi0xMC0xLjVjLTEsMC41LTIuMiwwLjEtMi43LTAuOQ0KCQkJCWMtMC41LTEtMC4xLTIuMiwwLjktMi43YzMuNy0xLjksMTEuNy0zLjcsMTUuMywzLjJDMTQzLjMsNTguOCwxNDMuNiw1OS42LDE0My44LDYwLjR6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE1Mi45LDY5Yy0xLjQtMC43LTMtMS4yLTQuNy0xLjVjLTAuMy0wLjUtMC43LTEtMS4zLTEuNmMtMC42LTAuNy0xLjgtMS4xLTMuNC0xLjQNCgkJCQljLTEuMi0wLjItMi42LTAuNC00LjItMC40Yy0zLjUtMC4xLTcuNSwwLjItMTAuNiwwLjdjLTEuMSwwLjItMi4xLTAuNi0yLjMtMS43Yy0wLjItMS4xLDAuNi0yLjEsMS43LTIuMw0KCQkJCWMxLjUtMC4yLDYuNC0wLjksMTEuMi0wLjdjMS41LDAuMSwyLjksMC4yLDQuMywwLjRjMi41LDAuNSw0LjgsMS4zLDYuMSwyLjdDMTUwLjYsNjQsMTUyLjYsNjYuMiwxNTIuOSw2OXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTU4LjIsNzhjLTAuMy0wLjItMC42LTAuMy0wLjktMC41Yy0wLjktMC41LTItMC44LTMuMS0xYy0wLjEtMC41LTAuMy0xLTAuNi0xLjZjLTAuNC0wLjctMS0xLjMtMS43LTEuOA0KCQkJCWMtMS0wLjctMi4zLTEuMi0zLjgtMS41Yy0zLjItMC43LTcuMy0wLjYtMTEtMC4zYzAsMCwwLDAsMCwwYy0xLjMsMC4xLTIuNSwwLjMtMy43LDAuNWMtMS44LDAuMy0zLjQsMC42LTQuNSwwLjkNCgkJCQljLTEuMSwwLjMtMi4yLTAuNC0yLjQtMS40Yy0wLjMtMS4xLDAuNC0yLjIsMS40LTIuNGMwLjgtMC4yLDQtMSw3LjktMS41YzEuOS0wLjIsNC4xLTAuNCw2LjMtMC40YzIsMCw0LDAuMSw1LjksMC41DQoJCQkJYzEuNywwLjMsMy4zLDAuOCw0LjcsMS41djBjMS44LDAuOSwzLjIsMi4yLDQuMiwzLjlDMTU4LDc0LjYsMTU4LjQsNzYuMywxNTguMiw3OHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTYxLjQsODguOWMtMS0wLjctMi4yLTEuMi0zLjctMS41YzAuNC0xLjIsMC41LTIuNCwwLjEtMy43Yy0wLjItMC44LTAuNi0xLjQtMS4xLTEuOQ0KCQkJCWMtMC4zLTAuMy0wLjctMC41LTEuMS0wLjdjLTAuOC0wLjQtMS43LTAuNy0yLjgtMC44Yy03LTEtMTguOSwyLjktMjMuNSw0LjdjLTEsMC40LTIuMi0wLjEtMi42LTEuMWMtMC40LTEsMC4xLTIuMiwxLjEtMi42DQoJCQkJYzAuOC0wLjMsMy44LTEuNSw3LjctMi43djBjNC0xLjIsOS0yLjMsMTMuNi0yLjVjMS44LTAuMSwzLjUsMCw1LjEsMC4zYzEuMSwwLjIsMi4yLDAuNiwzLjEsMWMwLjMsMC4yLDAuNiwwLjMsMC45LDAuNQ0KCQkJCWMxLjcsMS4xLDIuOSwyLjcsMy40LDQuNkMxNjIuMiw4NC44LDE2Mi4xLDg2LjksMTYxLjQsODguOXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTYzLjIsMTAxLjJjLTAuMS0wLjEtMC4zLTAuMi0wLjQtMC4zYy0wLjktMC42LTItMS0zLjMtMS40YzEuMy0yLjIsMS4yLTQuMywwLjMtNi40DQoJCQkJYy0wLjEtMC4zLTAuMy0wLjUtMC41LTAuN3YwYy0wLjgtMC43LTIuMi0xLjEtNC4xLTEuNGMtNi0wLjctMTYuNiwwLjctMjYuMiwzLjNjLTEuMSwwLjMtMi4yLTAuNC0yLjQtMS40DQoJCQkJYy0wLjMtMS4xLDAuNC0yLjIsMS40LTIuNGMwLjItMC4xLDQuNC0xLjIsOS43LTIuMWMxLjktMC4zLDMuOS0wLjcsNi0wLjljMi4zLTAuMyw0LjQtMC41LDYuMy0wLjVjMCwwLDAsMCwwLDANCgkJCQljMy4xLTAuMSw1LjcsMC4xLDcuNywwLjZjMS41LDAuMywyLjcsMC45LDMuNywxLjVjMSwwLjcsMS44LDEuNiwyLjIsMi43QzE2NSw5NS4zLDE2NC43LDk4LjQsMTYzLjIsMTAxLjJ6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE2NS4yLDExMS4xYy0wLjItMC4yLTAuNC0wLjQtMC43LTAuNmMtMC44LTAuNi0xLjctMS4xLTIuOS0xLjV2MGMwLjMtMSwwLjQtMi4yLDAuMS0zLjQNCgkJCQljLTAuMS0wLjMtMC4yLTAuOC0wLjktMS4zYzAsMC0wLjEtMC4xLTAuMi0wLjFjLTEtMC42LTIuNS0xLjEtNC4yLTEuM2MtNy45LTEtMjEuOCwxLjYtMjcuNSwzYy0xLjEsMC4zLTIuMi0wLjQtMi40LTEuNQ0KCQkJCWMtMC4zLTEuMSwwLjQtMi4xLDEuNS0yLjRjMS4xLTAuMyw2LTEuNCwxMS45LTIuM2MzLjQtMC41LDcuMS0wLjksMTAuNi0xYzMuMy0wLjEsNi41LDAuMSw5LDAuOGMxLjMsMC4zLDIuNCwwLjgsMy4zLDEuNA0KCQkJCWMwLjEsMC4xLDAuMywwLjIsMC40LDAuM2MxLjMsMSwyLjIsMi4yLDIuNSwzLjdDMTY2LjIsMTA3LjIsMTY1LjksMTA5LjMsMTY1LjIsMTExLjF6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE2NS4zLDEyMS40Yy0wLjUtMC43LTEuMS0xLjMtMS45LTEuOGMtMC40LTAuMy0wLjgtMC42LTEuMy0wLjhjMC41LTEuMiwwLjctMi40LDAuNy0zLjhjMCwwLDAtMC4xLDAtMC4xDQoJCQkJYzAtMC4zLTAuMi0wLjgtMC44LTEuM2MtMC42LTAuNS0xLjQtMC45LTIuNS0xLjFjLTIuNC0wLjctNS44LTAuOS05LjYtMC44Yy0yLjUsMC01LjEsMC4yLTcuNywwLjVjLTQuOCwwLjUtOS42LDEuMi0xMy40LDEuOQ0KCQkJCWMtMS4xLDAuMi0yLjEtMC41LTIuMy0xLjZjLTAuMi0xLjEsMC41LTIuMSwxLjYtMi4zYzEuNy0wLjMsMTEuNi0yLjIsMjAuOC0yLjRjMi42LTAuMSw1LjIsMCw3LjYsMC4zaDBjMS45LDAuMiwzLjcsMC42LDUuMSwxLjENCgkJCQl2MGMxLjEsMC40LDIuMSwwLjksMi45LDEuNWMwLjIsMC4yLDAuNSwwLjQsMC43LDAuNmMxLDEsMS42LDIuMywxLjYsMy43QzE2NywxMTcuMiwxNjYuNCwxMTkuNSwxNjUuMywxMjEuNHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTY0LjUsMTM1LjRjLTAuNC0xLjQtMS4xLTMtMS45LTQuN2MwLTAuMS0wLjEtMC4xLTAuMS0wLjJjMC40LTEuNCwwLjYtMywwLjQtNC44YzAtMC4yLTAuMS0wLjQtMC4xLTAuNw0KCQkJCWMtMC4yLTAuOS0wLjgtMS42LTEuNi0yLjJjLTAuMy0wLjItMC43LTAuNS0xLjEtMC43Yy0xLjQtMC43LTMuMy0xLjItNS4zLTEuNGMtMy0wLjQtNi41LTAuNC0xMC4xLTAuMg0KCQkJCWMtNi4yLDAuNC0xMi40LDEuNC0xNS43LDIuMWMtMS4xLDAuMi0yLjEtMC41LTIuNC0xLjVjLTAuMi0xLjEsMC41LTIuMSwxLjUtMi40YzItMC40LDE1LjQtMy4yLDI1LjgtMi4xYzAsMCwwLDAsMCwwDQoJCQkJYzIuMSwwLjIsNCwwLjYsNS44LDEuMWMwLjksMC4zLDEuNywwLjYsMi41LDFjMC41LDAuMiwwLjksMC41LDEuMywwLjhjMC43LDAuNSwxLjQsMS4xLDEuOSwxLjhjMC44LDEuMSwxLjMsMi40LDEuNSwzLjkNCgkJCQlDMTY3LjIsMTI5LjUsMTY2LjIsMTMyLjgsMTY0LjUsMTM1LjR6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTE2Mi41LDE0NS44Yy0wLjQtMS40LTEtMi45LTEuOC00Ljd2MGMwLjItMC42LDAuMy0xLjMsMC40LTEuOWMwLTEuMy0wLjQtMi44LTEuMS00LjQNCgkJCQljLTAuMy0wLjctMC42LTEuNC0xLTIuMWMtMC41LTAuOS0xLjctMS42LTMuNC0yLjFjLTIuMi0wLjYtNS4xLTAuOC04LjQtMC44Yy01LjksMC4xLTEyLjksMC45LTE4LjMsMmMtMS4xLDAuMi0yLjEtMC41LTIuNC0xLjYNCgkJCQljLTAuMi0xLjEsMC41LTIuMSwxLjYtMi40YzAuMy0wLjEsNy4zLTEuNSwxNS0xLjljNC44LTAuMyw4LjgtMC4yLDExLjgsMC40YzEuOSwwLjQsMy41LDAuOSw0LjcsMS42YzEuMywwLjcsMi4yLDEuNiwyLjgsMi43DQoJCQkJYzAsMC4xLDAuMSwwLjEsMC4xLDAuMmMwLjksMS43LDEuNSwzLjIsMS45LDQuN0MxNjUuNywxMzkuNCwxNjUuMSwxNDIuNiwxNjIuNSwxNDUuOHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTU4LjQsMTU3LjhjLTAuNCwwLjQtMC45LDAuNi0xLjQsMC42Yy0wLjUsMC0xLTAuMi0xLjQtMC42Yy0wLjgtMC44LTAuOC0yLDAtMi44YzIuMy0yLjMsMy42LTMuNiwzLjYtNS45DQoJCQkJYzAtMS4xLTAuNC0yLjUtMS4xLTQuM2MtMC4zLTAuNy0wLjYtMS40LTAuOS0yLjJjLTAuMS0wLjMtMC4zLTAuNS0wLjQtMC43Yy0wLjktMS4xLTIuNC0yLTQuNC0yLjdjLTYuMi0yLTE2LjYtMS45LTIzLjUtMS4xDQoJCQkJYy0xLjEsMC4xLTIuMS0wLjctMi4yLTEuN2MtMC4xLTEuMSwwLjctMi4xLDEuNy0yLjJjMi40LTAuMywyMC40LTIuMiwyOC44LDIuOWMxLjIsMC44LDIuMywxLjcsMywyLjhjMC4yLDAuMywwLjQsMC43LDAuNiwxLjENCgkJCQljMCwwLDAsMC4xLDAsMC4xdjBjMC44LDEuOCwxLjQsMy4zLDEuOCw0LjdDMTY0LjIsMTUxLjYsMTYyLjEsMTU0LjIsMTU4LjQsMTU3Ljh6Ii8%2BDQoJCTwvZz4NCgkJPGc%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTk0LjIsNjAuNGMxLjQtMC4yLDIuOS0wLjQsNC4zLTAuNGwwLjEtMC4xYzIuNi01LjEsOS43LTEuNiwxMC0xLjVjMSwwLjUsMi4yLDAuMSwyLjctMC45DQoJCQkJYzAuNS0xLDAuMS0yLjItMC45LTIuN2MtMy43LTEuOS0xMS43LTMuNy0xNS4zLDMuMkM5NC42LDU4LjgsOTQuMyw1OS42LDk0LjIsNjAuNHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNODUuMSw2OWMxLjQtMC43LDMtMS4yLDQuNy0xLjVjMC4zLTAuNSwwLjctMSwxLjMtMS42YzAuNi0wLjcsMS44LTEuMSwzLjQtMS40YzEuMi0wLjIsMi42LTAuNCw0LjItMC40DQoJCQkJYzMuNS0wLjEsNy41LDAuMiwxMC42LDAuN2MxLjEsMC4yLDIuMS0wLjYsMi4zLTEuN2MwLjItMS4xLTAuNi0yLjEtMS43LTIuM2MtMS41LTAuMi02LjQtMC45LTExLjItMC43Yy0xLjUsMC4xLTIuOSwwLjItNC4zLDAuNA0KCQkJCWMtMi41LDAuNS00LjgsMS4zLTYuMSwyLjdDODcuMyw2NCw4NS4zLDY2LjIsODUuMSw2OXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNzkuNyw3OGMwLjMtMC4yLDAuNi0wLjMsMC45LTAuNWMwLjktMC41LDItMC44LDMuMS0xYzAuMS0wLjUsMC4zLTEsMC42LTEuNmMwLjQtMC43LDEtMS4zLDEuNy0xLjgNCgkJCQljMS0wLjcsMi4zLTEuMiwzLjgtMS41YzMuMi0wLjcsNy4zLTAuNiwxMS0wLjNjMCwwLDAsMCwwLDBjMS4zLDAuMSwyLjUsMC4zLDMuNywwLjVjMS44LDAuMywzLjQsMC42LDQuNSwwLjkNCgkJCQljMS4xLDAuMywyLjItMC40LDIuNC0xLjRjMC4zLTEuMS0wLjQtMi4yLTEuNC0yLjRjLTAuOC0wLjItNC0xLTcuOS0xLjVjLTEuOS0wLjItNC4xLTAuNC02LjMtMC40Yy0yLDAtNCwwLjEtNS45LDAuNQ0KCQkJCWMtMS43LDAuMy0zLjMsMC44LTQuNywxLjV2MGMtMS44LDAuOS0zLjIsMi4yLTQuMiwzLjlDNzkuOSw3NC42LDc5LjUsNzYuMyw3OS43LDc4eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik03Ni42LDg4LjljMS0wLjcsMi4yLTEuMiwzLjctMS41Yy0wLjQtMS4yLTAuNS0yLjQtMC4xLTMuN2MwLjItMC44LDAuNi0xLjQsMS4xLTEuOQ0KCQkJCWMwLjMtMC4zLDAuNy0wLjUsMS4xLTAuN2MwLjgtMC40LDEuNy0wLjcsMi44LTAuOGM3LTEsMTguOSwyLjksMjMuNSw0LjdjMSwwLjQsMi4yLTAuMSwyLjYtMS4xYzAuNC0xLTAuMS0yLjItMS4xLTIuNg0KCQkJCWMtMC44LTAuMy0zLjgtMS41LTcuNy0yLjd2MGMtNC0xLjItOS0yLjMtMTMuNi0yLjVjLTEuOC0wLjEtMy41LDAtNS4xLDAuM2MtMS4xLDAuMi0yLjIsMC42LTMuMSwxYy0wLjMsMC4yLTAuNiwwLjMtMC45LDAuNQ0KCQkJCWMtMS43LDEuMS0yLjksMi43LTMuNCw0LjZDNzUuNyw4NC44LDc1LjgsODYuOSw3Ni42LDg4Ljl6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTc0LjcsMTAxLjJjMC4xLTAuMSwwLjMtMC4yLDAuNC0wLjNjMC45LTAuNiwyLTEsMy4zLTEuNGMtMS4zLTIuMi0xLjItNC4zLTAuMy02LjQNCgkJCQljMC4xLTAuMywwLjMtMC41LDAuNS0wLjd2MGMwLjgtMC43LDIuMi0xLjEsNC4xLTEuNGM2LTAuNywxNi42LDAuNywyNi4yLDMuM2MxLjEsMC4zLDIuMi0wLjQsMi40LTEuNGMwLjMtMS4xLTAuNC0yLjItMS40LTIuNA0KCQkJCWMtMC4yLTAuMS00LjQtMS4yLTkuNy0yLjFjLTEuOS0wLjMtMy45LTAuNy02LTAuOWMtMi4zLTAuMy00LjQtMC41LTYuMy0wLjVjMCwwLDAsMCwwLDBjLTMuMS0wLjEtNS43LDAuMS03LjcsMC42DQoJCQkJYy0xLjUsMC4zLTIuNywwLjktMy43LDEuNWMtMSwwLjctMS44LDEuNi0yLjIsMi43QzcyLjksOTUuMyw3My4yLDk4LjQsNzQuNywxMDEuMnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNzIuNywxMTEuMWMwLjItMC4yLDAuNC0wLjQsMC43LTAuNmMwLjgtMC42LDEuNy0xLjEsMi45LTEuNXYwYy0wLjMtMS0wLjQtMi4yLTAuMS0zLjQNCgkJCQljMC4xLTAuMywwLjItMC44LDAuOS0xLjNjMCwwLDAuMS0wLjEsMC4yLTAuMWMxLTAuNiwyLjUtMS4xLDQuMi0xLjNjNy45LTEsMjEuOCwxLjYsMjcuNSwzYzEuMSwwLjMsMi4yLTAuNCwyLjQtMS41DQoJCQkJYzAuMy0xLjEtMC40LTIuMS0xLjUtMi40Yy0xLjEtMC4zLTYtMS40LTExLjktMi4zYy0zLjQtMC41LTcuMS0wLjktMTAuNi0xYy0zLjMtMC4xLTYuNSwwLjEtOSwwLjhjLTEuMywwLjMtMi40LDAuOC0zLjMsMS40DQoJCQkJYy0wLjEsMC4xLTAuMywwLjItMC40LDAuM2MtMS4zLDEtMi4yLDIuMi0yLjUsMy43QzcxLjgsMTA3LjIsNzIsMTA5LjMsNzIuNywxMTEuMXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNzIuNiwxMjEuNGMwLjUtMC43LDEuMS0xLjMsMS45LTEuOGMwLjQtMC4zLDAuOC0wLjYsMS4zLTAuOGMtMC41LTEuMi0wLjctMi40LTAuNy0zLjhjMCwwLDAtMC4xLDAtMC4xDQoJCQkJYzAtMC4zLDAuMi0wLjgsMC44LTEuM2MwLjYtMC41LDEuNC0wLjksMi41LTEuMWMyLjQtMC43LDUuOC0wLjksOS42LTAuOGMyLjUsMCw1LjEsMC4yLDcuNywwLjVjNC44LDAuNSw5LjYsMS4yLDEzLjQsMS45DQoJCQkJYzEuMSwwLjIsMi4xLTAuNSwyLjMtMS42YzAuMi0xLjEtMC41LTIuMS0xLjYtMi4zYy0xLjctMC4zLTExLjYtMi4yLTIwLjgtMi40Yy0yLjYtMC4xLTUuMiwwLTcuNiwwLjNoMA0KCQkJCWMtMS45LDAuMi0zLjcsMC42LTUuMSwxLjF2MGMtMS4xLDAuNC0yLjEsMC45LTIuOSwxLjVjLTAuMiwwLjItMC41LDAuNC0wLjcsMC42Yy0xLDEtMS42LDIuMy0xLjYsMy43DQoJCQkJQzcxLDExNy4yLDcxLjYsMTE5LjUsNzIuNiwxMjEuNHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNzMuNCwxMzUuNGMwLjQtMS40LDEuMS0zLDEuOS00LjdjMC0wLjEsMC4xLTAuMSwwLjEtMC4yYy0wLjQtMS40LTAuNi0zLTAuNC00LjhjMC0wLjIsMC4xLTAuNCwwLjEtMC43DQoJCQkJYzAuMi0wLjksMC44LTEuNiwxLjYtMi4yYzAuMy0wLjIsMC43LTAuNSwxLjEtMC43YzEuNC0wLjcsMy4zLTEuMiw1LjMtMS40YzMtMC40LDYuNS0wLjQsMTAuMS0wLjJjNi4yLDAuNCwxMi40LDEuNCwxNS43LDIuMQ0KCQkJCWMxLjEsMC4yLDIuMS0wLjUsMi40LTEuNWMwLjItMS4xLTAuNS0yLjEtMS41LTIuNGMtMi0wLjQtMTUuNC0zLjItMjUuOC0yLjFjMCwwLDAsMCwwLDBjLTIuMSwwLjItNCwwLjYtNS44LDEuMQ0KCQkJCWMtMC45LDAuMy0xLjcsMC42LTIuNSwxYy0wLjUsMC4yLTAuOSwwLjUtMS4zLDAuOGMtMC43LDAuNS0xLjQsMS4xLTEuOSwxLjhjLTAuOCwxLjEtMS4zLDIuNC0xLjUsMy45DQoJCQkJQzcwLjcsMTI5LjUsNzEuNywxMzIuOCw3My40LDEzNS40eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik03NS40LDE0NS44YzAuNC0xLjQsMS0yLjksMS44LTQuN3YwYy0wLjItMC42LTAuMy0xLjMtMC40LTEuOWMwLTEuMywwLjQtMi44LDEuMS00LjQNCgkJCQljMC4zLTAuNywwLjYtMS40LDEtMi4xYzAuNS0wLjksMS43LTEuNiwzLjQtMi4xYzIuMi0wLjYsNS4xLTAuOCw4LjQtMC44YzUuOSwwLjEsMTIuOSwwLjksMTguMywyYzEuMSwwLjIsMi4xLTAuNSwyLjQtMS42DQoJCQkJYzAuMi0xLjEtMC41LTIuMS0xLjYtMi40Yy0wLjMtMC4xLTcuMy0xLjUtMTUtMS45Yy00LjgtMC4zLTguOC0wLjItMTEuOCwwLjRjLTEuOSwwLjQtMy41LDAuOS00LjcsMS42Yy0xLjMsMC43LTIuMiwxLjYtMi44LDIuNw0KCQkJCWMwLDAuMS0wLjEsMC4xLTAuMSwwLjJjLTAuOSwxLjctMS41LDMuMi0xLjksNC43QzcyLjMsMTM5LjQsNzIuOCwxNDIuNiw3NS40LDE0NS44eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik03OS41LDE1Ny44YzAuNCwwLjQsMC45LDAuNiwxLjQsMC42YzAuNSwwLDEtMC4yLDEuNC0wLjZjMC44LTAuOCwwLjgtMiwwLTIuOGMtMi4zLTIuMy0zLjYtMy42LTMuNi01LjkNCgkJCQljMC0xLjEsMC40LTIuNSwxLjEtNC4zYzAuMy0wLjcsMC42LTEuNCwwLjktMi4yYzAuMS0wLjMsMC4zLTAuNSwwLjQtMC43YzAuOS0xLjEsMi40LTIsNC40LTIuN2M2LjItMiwxNi42LTEuOSwyMy41LTEuMQ0KCQkJCWMxLjEsMC4xLDIuMS0wLjcsMi4yLTEuN2MwLjEtMS4xLTAuNy0yLjEtMS43LTIuMmMtMi40LTAuMy0yMC40LTIuMi0yOC44LDIuOWMtMS4yLDAuOC0yLjMsMS43LTMsMi44Yy0wLjIsMC4zLTAuNCwwLjctMC42LDEuMQ0KCQkJCWMwLDAsMCwwLjEsMCwwLjF2MGMtMC44LDEuOC0xLjQsMy4zLTEuOCw0LjdDNzMuNywxNTEuNiw3NS45LDE1NC4yLDc5LjUsMTU3Ljh6Ii8%2BDQoJCTwvZz4NCgkJPGc%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTEyNS40LDYxLjVoLTEzLjdjLTEuNywwLTMuMi0xLjQtMy4yLTMuMlY1NWMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJ2My40DQoJCQkJQzEyOC42LDYwLjEsMTI3LjIsNjEuNSwxMjUuNCw2MS41eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMjUuNCw2OC45aC0xMy43Yy0xLjcsMC0zLjItMS40LTMuMi0zLjJ2LTMuNGMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJ2My40DQoJCQkJQzEyOC42LDY3LjQsMTI3LjIsNjguOSwxMjUuNCw2OC45eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMjUuNCw3Ni4yaC0xMy43Yy0xLjcsMC0zLjItMS40LTMuMi0zLjJ2LTMuNGMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJWNzMNCgkJCQlDMTI4LjYsNzQuOCwxMjcuMiw3Ni4yLDEyNS40LDc2LjJ6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTEyNS40LDgzLjVoLTEzLjdjLTEuNywwLTMuMi0xLjQtMy4yLTMuMlY3N2MwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJ2My40DQoJCQkJQzEyOC42LDgyLjEsMTI3LjIsODMuNSwxMjUuNCw4My41eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMjUuNCw5MC45aC0xMy43Yy0xLjcsMC0zLjItMS40LTMuMi0zLjJ2LTMuNGMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJ2My40DQoJCQkJQzEyOC42LDg5LjUsMTI3LjIsOTAuOSwxMjUuNCw5MC45eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMjUuNCw5OC4yaC0xMy43Yy0xLjcsMC0zLjItMS40LTMuMi0zLjJ2LTMuNGMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJWOTUNCgkJCQlDMTI4LjYsOTYuOCwxMjcuMiw5OC4yLDEyNS40LDk4LjJ6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTEyNS40LDEwNS41aC0xMy43Yy0xLjcsMC0zLjItMS40LTMuMi0zLjJWOTljMC0xLjcsMS40LTMuMiwzLjItMy4yaDEzLjdjMS43LDAsMy4yLDEuNCwzLjIsMy4ydjMuNA0KCQkJCUMxMjguNiwxMDQuMSwxMjcuMiwxMDUuNSwxMjUuNCwxMDUuNXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTI1LjQsMTEyLjloLTEzLjdjLTEuNywwLTMuMi0xLjQtMy4yLTMuMnYtMy40YzAtMS43LDEuNC0zLjIsMy4yLTMuMmgxMy43YzEuNywwLDMuMiwxLjQsMy4yLDMuMnYzLjQNCgkJCQlDMTI4LjYsMTExLjUsMTI3LjIsMTEyLjksMTI1LjQsMTEyLjl6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTEyNS40LDEyMC4yaC0xMy43Yy0xLjcsMC0zLjItMS40LTMuMi0zLjJ2LTMuNGMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJ2My40DQoJCQkJQzEyOC42LDExOC44LDEyNy4yLDEyMC4yLDEyNS40LDEyMC4yeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMjUuNCwxMjcuNWgtMTMuN2MtMS43LDAtMy4yLTEuNC0zLjItMy4yVjEyMWMwLTEuNywxLjQtMy4yLDMuMi0zLjJoMTMuN2MxLjcsMCwzLjIsMS40LDMuMiwzLjJ2My40DQoJCQkJQzEyOC42LDEyNi4xLDEyNy4yLDEyNy41LDEyNS40LDEyNy41eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0xMjUuNCwxMzQuOWgtMTMuN2MtMS43LDAtMy4yLTEuNC0zLjItMy4ydi0zLjRjMC0xLjcsMS40LTMuMiwzLjItMy4yaDEzLjdjMS43LDAsMy4yLDEuNCwzLjIsMy4ydjMuNA0KCQkJCUMxMjguNiwxMzMuNSwxMjcuMiwxMzQuOSwxMjUuNCwxMzQuOXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMTI1LjQsMTQyLjJoLTEzLjdjLTEuNywwLTMuMi0xLjQtMy4yLTMuMnYtMy40YzAtMS43LDEuNC0zLjIsMy4yLTMuMmgxMy43YzEuNywwLDMuMiwxLjQsMy4yLDMuMnYzLjQNCgkJCQlDMTI4LjYsMTQwLjgsMTI3LjIsMTQyLjIsMTI1LjQsMTQyLjJ6Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQo8L2c%2BDQo8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMTQ0LjUsODcuMmMwLjEsMC42LTAuMywxLjItMC44LDEuM2MtMC4xLDAtMC4xLDAtMC4yLDBjLTAuNSwwLTEtMC40LTEuMS0wLjljLTMuNS0xNi43LDAtMzcsMC0zNy4yDQoJYzAuMS0wLjYsMC43LTEsMS4zLTAuOWMwLjYsMC4xLDEsMC43LDAuOSwxLjNDMTQ0LjQsNTEsMTQxLjEsNzAuOSwxNDQuNSw4Ny4yeiBNOTIuNiw4OC41Yy0wLjEsMC0wLjEsMC0wLjIsMA0KCWMtMC42LTAuMS0xLTAuNy0wLjgtMS4zYzMuNC0xNi4zLDAtMzYuMiwwLTM2LjRjLTAuMS0wLjYsMC4zLTEuMiwwLjktMS4zYzAuNi0wLjEsMS4xLDAuMywxLjMsMC45YzAsMC4yLDMuNSwyMC42LDAsMzcuMg0KCUM5My41LDg4LjEsOTMuMSw4OC41LDkyLjYsODguNXoiLz4NCjwvc3ZnPg0K) no-repeat center center;
    -webkit-background-size: contain;
    background-size:contain
}

.accordion-item .accordion-content .inner-content.front {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMzkgMTU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMzkgMTU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO30NCgkuc3Qxe2Rpc3BsYXk6aW5saW5lO30NCgkuc3Qye2ZpbGw6I0RERERERDt9DQoJLnN0M3tvcGFjaXR5OjAuMTU7fQ0KCS5zdDR7ZmlsbDojRkZGRkZGO3N0cm9rZTojNTA1QTc4O3N0cm9rZS13aWR0aDowLjc3MzY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDV7ZmlsbDojRkNEM0M5O3N0cm9rZTojNTA1QTc4O3N0cm9rZS13aWR0aDowLjg0MTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0NntmaWxsOiNGREU1REQ7c3Ryb2tlOiM1MDVBNzg7c3Ryb2tlLXdpZHRoOjAuODQxO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Q3e2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0U3RUFFRjt9DQo8L3N0eWxlPg0KPGcgY2xhc3M9InN0MCI%2BDQoJPGcgY2xhc3M9InN0MSI%2BDQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMjIuNCwxNDQuNmMtMC4yLTAuNS0xOC4yLTQ5LTIxLjUtNzYuM2MtMS42LTEzLjEtMy41LTE5LjgtNi43LTI0Yy0zLjMtNC4zLTgtNS44LTE1LjEtOA0KCQkJYy0xLjItMC40LTIuNi0wLjgtNC0xLjNjLTE2LjYtNS41LTMxLjctMjItMzEuOS0yMi4yYy0wLjMtMC40LTAuOS0wLjQtMS4zLTAuMWMtMC40LDAuMy0wLjQsMC45LTAuMSwxLjMNCgkJCWMwLjYsMC43LDE1LjUsMTcsMzIuNiwyMi43YzEuNCwwLjUsMi43LDAuOSw0LDEuM2MxMy43LDQuMywxNy40LDUuNSwyMC40LDMwLjVjMy40LDI3LjYsMjEuNSw3Ni4zLDIxLjYsNzYuOA0KCQkJYzAuMSwwLjQsMC41LDAuNiwwLjksMC42YzAuMSwwLDAuMiwwLDAuMy0wLjFDMjIyLjQsMTQ1LjYsMjIyLjYsMTQ1LjEsMjIyLjQsMTQ0LjZ6IE0xNTkuNywzNS4xYy0xNSwzLjItMjMsNy42LTIzLjMsNy43DQoJCQljLTAuNCwwLjItMC42LDAuOC0wLjQsMS4zYzAuMiwwLjMsMC41LDAuNSwwLjgsMC41YzAuMiwwLDAuMywwLDAuNC0wLjFjMC4xLDAsOC4xLTQuNCwyMi44LTcuNmMwLjUtMC4xLDAuOC0wLjYsMC43LTEuMQ0KCQkJQzE2MC43LDM1LjMsMTYwLjIsMzUsMTU5LjcsMzUuMXogTTE3NS44LDExMS4yYy0wLjItMC41LTAuOC0wLjYtMS4yLTAuNGMtMC41LDAuMi0wLjYsMC44LTAuNCwxLjJsNS4zLDEwLjdsLTEuMywyMi4xDQoJCQljMCwwLjUsMC40LDEsMC45LDFjMCwwLDAsMCwwLjEsMGMwLjUsMCwwLjktMC40LDAuOS0wLjlsMS4xLTE4LjhsOS41LDE5LjFjMC4yLDAuMywwLjUsMC41LDAuOCwwLjVjMC4xLDAsMC4zLDAsMC40LTAuMQ0KCQkJYzAuNS0wLjIsMC42LTAuOCwwLjQtMS4yTDE3NS44LDExMS4yeiBNNjguNCwzOGMxLjItMC40LDIuNi0wLjgsNC0xLjNjMTcuMS01LjcsMzItMjIsMzIuNi0yMi43YzAuMy0wLjQsMC4zLTEtMC4xLTEuMw0KCQkJYy0wLjQtMC4zLTEtMC4zLTEuMywwLjFDMTAzLjUsMTMsODguNCwyOS41LDcxLjgsMzVjLTEuNCwwLjUtMi43LDAuOS00LDEuM2MtNy4xLDIuMi0xMS43LDMuNy0xNS4xLDhjLTMuMiw0LjEtNS4xLDEwLjktNi43LDI0DQoJCQljLTMuMywyNy40LTIxLjQsNzUuOS0yMS41LDc2LjNjLTAuMiwwLjUsMC4xLDEsMC41LDEuMmMwLjEsMCwwLjIsMC4xLDAuMywwLjFjMC40LDAsMC43LTAuMiwwLjktMC42YzAuMi0wLjUsMTguMy00OS4yLDIxLjYtNzYuOA0KCQkJQzUxLDQzLjUsNTQuNiw0Mi40LDY4LjQsMzh6IE0xMTAuNiw0Mi44Yy0wLjMtMC4yLTguNC00LjUtMjMuMy03LjdjLTAuNS0wLjEtMSwwLjItMS4xLDAuN2MtMC4xLDAuNSwwLjIsMSwwLjcsMS4xDQoJCQljMTQuNywzLjEsMjIuNyw3LjUsMjIuOCw3LjZjMC4xLDAuMSwwLjMsMC4xLDAuNCwwLjFjMC4zLDAsMC42LTAuMiwwLjgtMC41QzExMS4yLDQzLjcsMTExLDQzLjEsMTEwLjYsNDIuOHogTTcyLjUsMTEwLjgNCgkJCWMtMC41LTAuMi0xLDAtMS4yLDAuNGwtMTYuNCwzMy4yYy0wLjIsMC41LDAsMSwwLjQsMS4yYzAuMSwwLjEsMC4zLDAuMSwwLjQsMC4xYzAuMywwLDAuNy0wLjIsMC44LTAuNWw5LjQtMTkuMWwxLDE4LjgNCgkJCWMwLDAuNSwwLjQsMC45LDAuOSwwLjljMCwwLDAsMCwwLjEsMGMwLjUsMCwwLjktMC41LDAuOS0xbC0xLjItMjIuMWw1LjMtMTAuN0M3My4xLDExMS42LDcyLjksMTExLDcyLjUsMTEwLjh6Ii8%2BDQoJPC9nPg0KPC9nPg0KPGc%2BDQoJPGc%2BDQoJCTxnIGNsYXNzPSJzdDMiPg0KCQkJPGc%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTgxLjIsMTI3LjNjMi4zLDEuNSw0LjUsMiw0LjcsMi4xYzAsMCwwLDAsMCwwYzYuMS0yLDE2LjQtMS45LDIzLjItMS4xYzEuMSwwLjEsMi4xLTAuNiwyLjItMS43DQoJCQkJCWMwLjEtMS4xLTAuNi0yLjEtMS43LTIuMkMxMDcuMywxMjQuMiw4OS42LDEyMi4zLDgxLjIsMTI3LjN6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTgzLjQsMTE2LjZjMi43LDEuNiw1LjUsMi44LDcuNiwzLjRjMCwwLDAsMCwwLDBjNS44LDAuMSwxMi43LDAuOSwxOCwyYzEuMSwwLjIsMi4xLTAuNSwyLjMtMS41DQoJCQkJCWMwLjItMS4xLTAuNS0yLjEtMS41LTIuM2MtMC4zLTAuMS03LjItMS40LTE0LjctMS45QzkwLjMsMTE1LjksODYuNCwxMTYuMSw4My40LDExNi42eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04NC4zLDEwNy4xYzMuMiwxLjcsNi41LDIuNyw4LjIsMy4yYzAuNCwwLjEsMC43LDAuMywxLDAuNmM2LjEsMC40LDEyLjIsMS40LDE1LjUsMi4xDQoJCQkJCWMxLjEsMC4yLDIuMS0wLjQsMi4zLTEuNWMwLjItMS4xLTAuNC0yLjEtMS41LTIuM0MxMDcuOSwxMDguNyw5NC43LDEwNiw4NC4zLDEwNy4xeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04OS4yLDk4LjNjMS42LDAuOCwzLjQsMS43LDUuNCwyLjVjMC44LDAuMywxLjIsMS4xLDEuMiwxLjhjNC43LDAuNCw5LjUsMS4yLDEzLjIsMS45DQoJCQkJCWMxLjEsMC4yLDIuMS0wLjUsMi4zLTEuNmMwLjItMS4xLTAuNS0yLjEtMS42LTIuM0MxMDguMSwxMDAuMyw5OC40LDk4LjUsODkuMiw5OC4zeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMDguOSw5Ni41YzEuMSwwLjMsMi4xLTAuNCwyLjQtMS40YzAuMy0xLjEtMC40LTIuMS0xLjUtMi40Yy0xLjEtMC4zLTUuOS0xLjQtMTEuNy0yLjMNCgkJCQkJYzAsMC4yLDAsMC40LTAuMSwwLjZjLTAuMiwwLjktMSwxLjUtMS45LDEuNWMtMC4yLDAtMC4zLDAtMC41LTAuMWMtMC4zLTAuMS00LTEtOC0zYy0zLjMtMC4xLTYuNCwwLjEtOC45LDAuNw0KCQkJCQljMC42LDEuMSwxLjYsMi4yLDMsMy40Qzg5LjYsOTIuNiwxMDMuMyw5NS4yLDEwOC45LDk2LjV6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEwOC45LDg1LjFjMS4xLDAuMywyLjEtMC4zLDIuNC0xLjRjMC4zLTEuMS0wLjMtMi4xLTEuNC0yLjRjLTAuMi0wLjEtNC4zLTEuMS05LjYtMi4xYzAsMC4xLDAsMC4yLDAsMC4zDQoJCQkJCWMtMC4yLDAuOS0xLDEuNS0xLjksMS41Yy0wLjEsMC0wLjMsMC0wLjQtMC4xYy0yLjItMC41LTYuMS0xLjUtOS43LTMuMmgwYy0zLjEtMC4xLTUuNiwwLjEtNy42LDAuNWMwLjEsMC40LDAuMywwLjgsMC42LDEuMg0KCQkJCQljMC41LDAuOCwxLjEsMS42LDEuOSwyLjRDODguOSw4MS4xLDk5LjQsODIuNSwxMDguOSw4NS4xeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMDIuNiw3MS4xYy0wLjEsMC40LTAuNCwwLjctMC42LDAuOWMyLjgsMC42LDUuMSwxLjMsNi43LDEuOWMxLDAuNCwyLjItMC4xLDIuNi0xLjENCgkJCQkJYzAuNC0xLTAuMS0yLjItMS4xLTIuNmMtMS0wLjQtNi4xLTEuOS0xMi4xLTIuOGMxLDAuNCwyLjEsMC44LDMuMywxLjJDMTAyLjQsNjksMTAzLDcwLjEsMTAyLjYsNzEuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTA4LjksNjMuN2MxLjEsMC4zLDIuMS0wLjQsMi40LTEuNGMwLjMtMS4xLTAuNC0yLjEtMS40LTIuNGMtMC41LTAuMS0xLjktMC41LTMuOC0wLjgNCgkJCQkJYy0yLjYtMC41LTYuMi0xLTkuOS0xYy0yLjEsMC00LjIsMC4xLTYuMiwwLjVjLTAuOSwxLjQtMC44LDIuMi0wLjcsMi44YzAuMSwwLjMsMC4zLDAuOCwwLjcsMS4zDQoJCQkJCUM5Ni4xLDYxLjIsMTA1LjIsNjIuOCwxMDguOSw2My43eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik05NC42LDU1LjZjMS4yLTAuMiwyLjctMC40LDQuMi0wLjRjMy40LTAuMSw3LjMsMC4yLDEwLjMsMC42YzEuMSwwLjIsMi4xLTAuNiwyLjItMS42DQoJCQkJCWMwLjItMS4xLTAuNi0yLjEtMS42LTIuMmMtMS41LTAuMi02LjMtMC45LTExLjEtMC43Yy0xLjUsMC4xLTIuOSwwLjItNC4zLDAuNEM5NC4xLDUyLjksOTQuMiw1NC4zLDk0LjYsNTUuNnoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODEuMiwxMzIuOGMwLjEtMC4zLDAuMy0wLjUsMC40LTAuN2MtMS4xLTAuNS0yLjMtMS4yLTMuNC0yYy0wLjIsMC4zLTAuNCwwLjctMC42LDEuMWMwLDAsMCwwLjEsMCwwLjF2MA0KCQkJCQljMC40LDEuMiwxLjMsMi40LDIuNywzLjdDODAuNSwxMzQuMyw4MC44LDEzMy42LDgxLjIsMTMyLjh6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTgyLjcsMTIwLjhjLTEuNC0wLjgtMi43LTEuNi00LTIuNmMtMS4yLDAuNy0yLjIsMS42LTIuNywyLjZjMC41LDEuNiwxLjQsMywyLjQsNC4xYzAuMy0wLjcsMC42LTEuNCwxLTIuMQ0KCQkJCQlDNzkuOCwxMjEuOSw4MSwxMjEuMiw4Mi43LDEyMC44eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03OC4zLDExMi41YzEuNC0wLjcsMy4yLTEuMiw1LjMtMS40Yy0xLjctMC44LTMuNC0xLjgtNC45LTIuOWMtMC45LDAuMy0xLjcsMC42LTIuNSwxDQoJCQkJCUM3Ni43LDExMC40LDc3LjQsMTExLjUsNzguMywxMTIuNXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODguMiwxMDIuMmMtMi4zLTEuMi00LjUtMi40LTYuNS0zLjdoMGMtMS45LDAuMi0zLjYsMC42LTUuMSwxLjFjMC40LDEuMywxLjEsMi40LDIuMSwzLjQNCgkJCQkJQzgxLjEsMTAyLjMsODQuNSwxMDIuMSw4OC4yLDEwMi4yeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik04NC4zLDY5LjVjMC4yLDAuNiwwLjYsMS4xLDEuMSwxLjZjMy4xLTAuNiw3LjMtMC41LDExLjMsMGMtMy41LTEuNC02LjEtMi44LTgtNC4zDQoJCQkJCWMtMS42LDAuMS0zLjIsMC4yLTQuNiwwLjZDODMuOSw2OC40LDg0LjEsNjksODQuMyw2OS41eiIvPg0KCQkJPC9nPg0KCQkJPGc%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1Ni44LDEyNy4zYy0yLjMsMS41LTQuNSwyLTQuNywyLjFjMCwwLDAsMCwwLDBjLTYuMS0yLTE2LjQtMS45LTIzLjItMS4xYy0xLjEsMC4xLTIuMS0wLjYtMi4yLTEuNw0KCQkJCQljLTAuMS0xLjEsMC42LTIuMSwxLjctMi4yQzEzMC43LDEyNC4yLDE0OC40LDEyMi4zLDE1Ni44LDEyNy4zeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTQuNiwxMTYuNmMtMi43LDEuNi01LjUsMi44LTcuNiwzLjRjMCwwLDAsMCwwLDBjLTUuOCwwLjEtMTIuNywwLjktMTgsMmMtMS4xLDAuMi0yLjEtMC41LTIuMy0xLjUNCgkJCQkJYy0wLjItMS4xLDAuNS0yLjEsMS41LTIuM2MwLjMtMC4xLDcuMi0xLjQsMTQuNy0xLjlDMTQ3LjcsMTE1LjksMTUxLjYsMTE2LjEsMTU0LjYsMTE2LjZ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1My43LDEwNy4xYy0zLjIsMS43LTYuNSwyLjctOC4yLDMuMmMtMC40LDAuMS0wLjcsMC4zLTEsMC42Yy02LjEsMC40LTEyLjIsMS40LTE1LjUsMi4xDQoJCQkJCWMtMS4xLDAuMi0yLjEtMC40LTIuMy0xLjVjLTAuMi0xLjEsMC40LTIuMSwxLjUtMi4zQzEzMC4xLDEwOC43LDE0My4zLDEwNiwxNTMuNywxMDcuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTQ4LjgsOTguM2MtMS42LDAuOC0zLjQsMS43LTUuNCwyLjVjLTAuOCwwLjMtMS4yLDEuMS0xLjIsMS44Yy00LjcsMC40LTkuNSwxLjItMTMuMiwxLjkNCgkJCQkJYy0xLjEsMC4yLTIuMS0wLjUtMi4zLTEuNmMtMC4yLTEuMSwwLjUtMi4xLDEuNi0yLjNDMTI5LjksMTAwLjMsMTM5LjYsOTguNSwxNDguOCw5OC4zeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjkuMSw5Ni41Yy0xLjEsMC4zLTIuMS0wLjQtMi40LTEuNGMtMC4zLTEuMSwwLjQtMi4xLDEuNS0yLjRjMS4xLTAuMyw1LjktMS40LDExLjctMi4zDQoJCQkJCWMwLDAuMiwwLDAuNCwwLjEsMC42YzAuMiwwLjksMSwxLjUsMS45LDEuNWMwLjIsMCwwLjMsMCwwLjUtMC4xYzAuMy0wLjEsNC0xLDgtM2MzLjMtMC4xLDYuNCwwLjEsOC45LDAuNw0KCQkJCQljLTAuNiwxLjEtMS42LDIuMi0zLDMuNEMxNDguNCw5Mi42LDEzNC43LDk1LjIsMTI5LjEsOTYuNXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI5LjEsODUuMWMtMS4xLDAuMy0yLjEtMC4zLTIuNC0xLjRjLTAuMy0xLjEsMC4zLTIuMSwxLjQtMi40YzAuMi0wLjEsNC4zLTEuMSw5LjYtMi4xYzAsMC4xLDAsMC4yLDAsMC4zDQoJCQkJCWMwLjIsMC45LDEsMS41LDEuOSwxLjVjMC4xLDAsMC4zLDAsMC40LTAuMWMyLjItMC41LDYuMS0xLjUsOS43LTMuMmgwYzMuMS0wLjEsNS42LDAuMSw3LjYsMC41Yy0wLjEsMC40LTAuMywwLjgtMC42LDEuMg0KCQkJCQljLTAuNSwwLjgtMS4xLDEuNi0xLjksMi40QzE0OSw4MS4xLDEzOC42LDgyLjUsMTI5LjEsODUuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTM1LjQsNzEuMWMwLjEsMC40LDAuNCwwLjcsMC42LDAuOWMtMi44LDAuNi01LjEsMS4zLTYuNywxLjljLTEsMC40LTIuMi0wLjEtMi42LTEuMQ0KCQkJCQljLTAuNC0xLDAuMS0yLjIsMS4xLTIuNmMxLTAuNCw2LjEtMS45LDEyLjEtMi44Yy0xLDAuNC0yLjEsMC44LTMuMywxLjJDMTM1LjYsNjksMTM1LDcwLjEsMTM1LjQsNzEuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI5LjEsNjMuN2MtMS4xLDAuMy0yLjEtMC40LTIuNC0xLjRjLTAuMy0xLjEsMC40LTIuMSwxLjQtMi40YzAuNS0wLjEsMS45LTAuNSwzLjgtMC44DQoJCQkJCWMyLjYtMC41LDYuMi0xLDkuOS0xYzIuMSwwLDQuMiwwLjEsNi4yLDAuNWMwLjksMS40LDAuOCwyLjIsMC43LDIuOGMtMC4xLDAuMy0wLjMsMC44LTAuNywxLjMNCgkJCQkJQzE0MS45LDYxLjIsMTMyLjgsNjIuOCwxMjkuMSw2My43eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNDMuNCw1NS42Yy0xLjItMC4yLTIuNy0wLjQtNC4yLTAuNGMtMy40LTAuMS03LjMsMC4yLTEwLjMsMC42Yy0xLjEsMC4yLTIuMS0wLjYtMi4yLTEuNg0KCQkJCQljLTAuMi0xLjEsMC42LTIuMSwxLjYtMi4yYzEuNS0wLjIsNi4zLTAuOSwxMS4xLTAuN2MxLjUsMC4xLDIuOSwwLjIsNC4zLDAuNEMxNDMuOSw1Mi45LDE0My44LDU0LjMsMTQzLjQsNTUuNnoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTU2LjgsMTMyLjhjLTAuMS0wLjMtMC4zLTAuNS0wLjQtMC43YzEuMS0wLjUsMi4zLTEuMiwzLjQtMmMwLjIsMC4zLDAuNCwwLjcsMC42LDEuMWMwLDAsMCwwLjEsMCwwLjF2MA0KCQkJCQljLTAuNCwxLjItMS4zLDIuNC0yLjcsMy43QzE1Ny41LDEzNC4zLDE1Ny4xLDEzMy42LDE1Ni44LDEzMi44eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTUuMywxMjAuOGMxLjQtMC44LDIuNy0xLjYsNC0yLjZjMS4yLDAuNywyLjIsMS42LDIuNywyLjZjLTAuNSwxLjYtMS40LDMtMi40LDQuMQ0KCQkJCQljLTAuMy0wLjctMC42LTEuNC0xLTIuMUMxNTguMiwxMjEuOSwxNTcsMTIxLjIsMTU1LjMsMTIwLjh6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1OS43LDExMi41Yy0xLjQtMC43LTMuMi0xLjItNS4zLTEuNGMxLjctMC44LDMuNC0xLjgsNC45LTIuOWMwLjksMC4zLDEuNywwLjYsMi41LDENCgkJCQkJQzE2MS4zLDExMC40LDE2MC42LDExMS41LDE1OS43LDExMi41eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNDkuNywxMDIuMmMyLjMtMS4yLDQuNS0yLjQsNi41LTMuN2gwYzEuOSwwLjIsMy42LDAuNiw1LjEsMS4xYy0wLjQsMS4zLTEuMSwyLjQtMi4xLDMuNA0KCQkJCQlDMTU2LjksMTAyLjMsMTUzLjUsMTAyLjEsMTQ5LjcsMTAyLjJ6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1My43LDY5LjVjLTAuMiwwLjYtMC42LDEuMS0xLjEsMS42Yy0zLjEtMC42LTcuMy0wLjUtMTEuMywwYzMuNS0xLjQsNi4xLTIuOCw4LTQuMw0KCQkJCQljMS42LDAuMSwzLjIsMC4yLDQuNiwwLjZDMTU0LjEsNjguNCwxNTMuOSw2OSwxNTMuNyw2OS41eiIvPg0KCQkJPC9nPg0KCQkJPGc%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDUyLjdIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMyw1MS4zLDEyOCw1Mi43LDEyNi4zLDUyLjd6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDU5LjhIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMyw1OC40LDEyOCw1OS44LDEyNi4zLDU5Ljh6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDY2LjlIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMyw2NS41LDEyOCw2Ni45LDEyNi4zLDY2Ljl6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDc0SDExM2MtMS43LDAtMy4xLTEuNC0zLjEtMy4xdi0zLjNjMC0xLjcsMS40LTMuMSwzLjEtMy4xaDEzLjNjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMw0KCQkJCQlDMTI5LjMsNzIuNiwxMjgsNzQsMTI2LjMsNzR6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDgxLjFIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjFWNzgNCgkJCQkJQzEyOS4zLDc5LjcsMTI4LDgxLjEsMTI2LjMsODEuMXoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsODguMkgxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXYtMy4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMWgxMy4zYzEuNywwLDMuMSwxLjQsMy4xLDMuMXYzLjMNCgkJCQkJQzEyOS4zLDg2LjgsMTI4LDg4LjIsMTI2LjMsODguMnoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsOTUuM0gxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMVY4OWMwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMyw5NCwxMjgsOTUuMywxMjYuMyw5NS4zeiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjYuMywxMDIuNEgxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXYtMy4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMWgxMy4zYzEuNywwLDMuMSwxLjQsMy4xLDMuMXYzLjMNCgkJCQkJQzEyOS4zLDEwMS4xLDEyOCwxMDIuNCwxMjYuMywxMDIuNHoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsMTA5LjVIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMywxMDguMiwxMjgsMTA5LjUsMTI2LjMsMTA5LjV6Ii8%2BDQoJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyNi4zLDExNi42SDExM2MtMS43LDAtMy4xLTEuNC0zLjEtMy4xdi0zLjNjMC0xLjcsMS40LTMuMSwzLjEtMy4xaDEzLjNjMS43LDAsMy4xLDEuNCwzLjEsMy4xdjMuMw0KCQkJCQlDMTI5LjMsMTE1LjMsMTI4LDExNi42LDEyNi4zLDExNi42eiIvPg0KCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMjYuMywxMjMuOEgxMTNjLTEuNywwLTMuMS0xLjQtMy4xLTMuMXYtMy4zYzAtMS43LDEuNC0zLjEsMy4xLTMuMWgxMy4zYzEuNywwLDMuMSwxLjQsMy4xLDMuMXYzLjMNCgkJCQkJQzEyOS4zLDEyMi40LDEyOCwxMjMuOCwxMjYuMywxMjMuOHoiLz4NCgkJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTI2LjMsMTMwLjlIMTEzYy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2LTMuM2MwLTEuNywxLjQtMy4xLDMuMS0zLjFoMTMuM2MxLjcsMCwzLjEsMS40LDMuMSwzLjF2My4zDQoJCQkJCUMxMjkuMywxMjkuNSwxMjgsMTMwLjksMTI2LjMsMTMwLjl6Ii8%2BDQoJCQk8L2c%2BDQoJCTwvZz4NCgkJPHBhdGggY2xhc3M9InN0NSIgZD0iTTE1OC4yLDEwMi4zYzAsMCwyLjcsMi4zLDIuNywxMC45czAsMTYuNSwwLDE2LjVzMC4zLDkuMy03LjMsNC45Yy03LjYtNC40LTE1LjctMTIuNS0xNC45LTE2LjQNCgkJCVMxNTguMiwxMDIuMywxNTguMiwxMDIuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0NiIgZD0iTTc1LjQsMTIwLjVjMCwwLTIuNiwxNC4zLDUuMywxMi41czE5LjUtNy45LDIxLjQtMTMuNWMyLTUuNi0yMS40LTI4LjgtMjEuNC0yOC44cy0xLjUsMy4yLTIsOA0KCQkJQzc4LjMsMTAzLjUsNzUuNCwxMjAuNSw3NS40LDEyMC41eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNOTcuNCw1My41YzAsMCw2LjQtOS44LDExLjctNy44YzUuMywyLDUuNiw4LjgsNi41LDE2LjlzMywyMy4zLDIuMywyOC43Yy0wLjgsNS40LTUsOS4xLTEzLjUsNi42DQoJCQlTODMsODguOCw4Mi41LDg0LjFDODIuMSw3OS4zLDk3LjQsNTMuNSw5Ny40LDUzLjV6Ii8%2BDQoJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMTYuNyw5Ny45YzAsMCwyLjEsOC41LTMuOCwxNC43Yy01LjksNi4yLTEwLjgsNi45LTEwLjgsNi45cy03LjQtMS40LTEyLjMtOS4zcy05LjQtMTcuNC05LjQtMTcuNA0KCQkJcy0wLjktMS44LTAuNS0zLjVjMC41LTEuOCwyLjItNC44LDIuMi00LjhzOC4zLDkuMywxNy43LDExLjdzMTIuMSw0LDE2LjYtMC43TDExNi43LDk3Ljl6Ii8%2BDQoJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0xMzcuOSw0OC42YzAsMC00LjktNC43LTguNy0yLjJjLTMuOCwyLjUtNi44LDIwLjQtNi44LDIxLjRjMCwxLTYuMSwyNC4xLDEuNywzMGM3LjgsNS45LDE0LjQsMTMsMTQuNywyMC41DQoJCQljMC4zLDcuNCwxMi0xLjksMTUuMi03LjFjMy4yLTUuMiw2LjgtOS41LDIuNy0yMS42QzE1Mi42LDc3LjUsMTQ4LjUsNjAuOSwxMzcuOSw0OC42eiIvPg0KCQk8ZyBjbGFzcz0ic3QzIj4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTguMSwxNDcuN2MtMC40LDAuNC0wLjksMC42LTEuNCwwLjZjLTAuNSwwLTEtMC4yLTEuNC0wLjZjLTAuOC0wLjgtMC44LTIsMC0yLjhjMi4zLTIuMywzLjYtMy42LDMuNS01LjgNCgkJCQljMS40LTEuMSwyLjUtMi4yLDMuMy0zLjNDMTYzLjgsMTQxLjYsMTYxLjcsMTQ0LjEsMTU4LjEsMTQ3Ljd6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTYyLjIsMTM1LjljLTAuOSwxLjEtMiwyLjItMy4zLDMuM2MtMC45LDAuNy0xLjgsMS40LTIuOCwyLjFjLTAuMywwLjItMC43LDAuNC0xLjEsMC40DQoJCQkJYy0wLjYsMC0xLjItMC4zLTEuNi0wLjhjLTAuNi0wLjktMC40LTIuMSwwLjUtMi43YzEuNi0xLjEsMy0yLjIsNC0zLjFjMS40LTEuMywyLjItMi41LDIuNy0zLjd2MGMwLjItMC42LDAuMy0xLjMsMC40LTEuOQ0KCQkJCWMxLjItMSwyLjQtMi4yLDMuMy0zLjdDMTY1LjMsMTI5LjYsMTY0LjcsMTMyLjcsMTYyLjIsMTM1Ljl6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTY0LjEsMTI1LjZjLTAuOSwxLjQtMi4xLDIuNy0zLjMsMy43Yy0wLjMsMC4zLTAuNywwLjUtMSwwLjhjLTEuMSwwLjgtMi4zLDEuNS0zLjQsMg0KCQkJCWMtMS4yLDAuNi0yLjMsMC45LTMuMywxLjJjLTAuMiwwLTAuMywwLjEtMC41LDAuMWMtMC45LDAtMS43LTAuNi0xLjktMS41Yy0wLjMtMSwwLjQtMi4xLDEuNC0yLjRjMCwwLDAsMCwwLDANCgkJCQljMC4yLTAuMSwyLjQtMC42LDQuNy0yLjFjMS0wLjYsMi0xLjQsMi45LTIuNGMxLTEuMSwxLjktMi41LDIuNC00LjFjMC40LTEuNCwwLjYtMywwLjQtNC44YzAtMC4yLTAuMS0wLjQtMC4xLTAuNg0KCQkJCWMxLTEuMSwxLjktMi4zLDIuNi0zLjZjMC44LDEuMSwxLjMsMi40LDEuNSwzLjhDMTY2LjgsMTE5LjcsMTY1LjgsMTIzLDE2NC4xLDEyNS42eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE2NC45LDExMS44Yy0wLjcsMS4zLTEuNSwyLjUtMi42LDMuNmMtMC45LDEtMiwxLjktMy4xLDIuOGMtMS4zLDEtMi42LDEuOC00LDIuNmMtMi41LDEuNC01LDIuNC03LjEsMw0KCQkJCWMtMC4yLDAuMS0wLjQsMC4xLTAuNiwwLjFjLTAuOCwwLTEuNi0wLjYtMS45LTEuNGMtMC4zLTEsMC4zLTIuMSwxLjMtMi40YzAsMCwwLDAsMCwwYzIuMS0wLjYsNC45LTEuOCw3LjYtMy40DQoJCQkJYzEuOS0xLjEsMy42LTIuNSw1LTQuMWMwLjktMSwxLjYtMi4xLDIuMS0zLjNjMC41LTEuMiwwLjctMi40LDAuNy0zLjdjMCwwLDAtMC4xLDAtMC4xYzEtMS4xLDEuOC0yLjQsMi4zLTMuNw0KCQkJCWMxLDEsMS41LDIuMywxLjYsMy43QzE2Ni41LDEwNy43LDE2NiwxMDkuOSwxNjQuOSwxMTEuOHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNjQuOCwxMDEuNmMtMC41LDEuNC0xLjMsMi42LTIuMywzLjdjLTAuOSwxLTIsMi0zLjEsMi44Yy0xLjUsMS4xLTMuMiwyLjEtNC45LDIuOWMtMi45LDEuNC01LjgsMi40LTcuOSwzDQoJCQkJYy0wLjIsMC4xLTAuNCwwLjEtMC41LDAuMWMtMC45LDAtMS42LTAuNi0xLjktMS40Yy0wLjItMC43LDAtMS4zLDAuNC0xLjhjMC4yLTAuMywwLjYtMC41LDEtMC42YzEuNy0wLjUsNS0xLjYsOC4yLTMuMmgwDQoJCQkJYzIuMS0xLjEsNC4xLTIuNCw1LjYtNC4xYzEtMSwxLjctMi4yLDIuMS0zLjRjMC4zLTEsMC40LTIuMSwwLjEtMy4zYy0wLjEtMC4zLTAuMi0wLjgtMC45LTEuM2MxLTEsMS43LTIuMSwyLjMtMy4yDQoJCQkJYzEuMywwLjksMi4xLDIuMiwyLjQsMy43QzE2NS44LDk3LjgsMTY1LjUsOTkuOCwxNjQuOCwxMDEuNnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNjIuOCw5MS44Yy0wLjYsMS4xLTEuNCwyLjItMi4zLDMuMmMtMS4yLDEuMy0yLjYsMi40LTQuMywzLjVoMGMtMS45LDEuMy00LjEsMi41LTYuNSwzLjcNCgkJCQljLTEuNiwwLjgtMy4yLDEuNS00LjgsMi4yYy0wLjMsMC4xLTAuNSwwLjItMC44LDAuMmMtMC44LDAtMS41LTAuNC0xLjgtMS4yYy0wLjEtMC4yLTAuMi0wLjUtMC4yLTAuN2MwLTAuOCwwLjQtMS41LDEuMi0xLjgNCgkJCQljMi0wLjksMy44LTEuNyw1LjQtMi41YzMuMy0xLjcsNS43LTMuMiw3LjQtNC43YzEuNC0xLjIsMi40LTIuMywzLTMuNGMxLjMtMi4yLDEuMS00LjMsMC4zLTYuNGMtMC4xLTAuMy0wLjMtMC41LTAuNS0wLjcNCgkJCQljMC40LTAuNSwwLjktMS4xLDEuMi0xLjdjMC4zLTAuNiwwLjYtMS4xLDAuOC0xLjdjMSwwLjcsMS43LDEuNiwyLjIsMi43QzE2NC42LDg2LDE2NC4zLDg5LjEsMTYyLjgsOTEuOHoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNjEsNzkuOGMtMC4yLDAuNi0wLjUsMS4xLTAuOCwxLjdjLTAuMywwLjYtMC44LDEuMi0xLjIsMS43Yy0yLjIsMi43LTUuNiw0LjgtOC43LDYuM2MtNC4xLDItNy43LDIuOS04LDMNCgkJCQljLTAuMiwwLTAuMywwLjEtMC41LDAuMWMtMC45LDAtMS43LTAuNi0xLjktMS41Yy0wLjEtMC4yLTAuMS0wLjQtMC4xLTAuNmMwLjEtMC44LDAuNi0xLjYsMS41LTEuOGMwLjEsMCwzLjEtMC44LDYuNS0yLjQNCgkJCQljMi41LTEuMSw1LjItMi42LDcuMS00LjVjMC44LTAuNywxLjQtMS41LDEuOS0yLjRjMC4yLTAuNCwwLjQtMC44LDAuNi0xLjJjMC40LTEuMiwwLjUtMi40LDAuMS0zLjdjLTAuMi0wLjgtMC42LTEuNC0xLjEtMS45DQoJCQkJYzAuNC0wLjUsMC43LTEsMC45LTEuNmMwLjMtMC43LDAuNS0xLjQsMC42LTIuMmMxLjcsMS4xLDIuOSwyLjYsMy40LDQuNkMxNjEuOSw3NS43LDE2MS44LDc3LjgsMTYxLDc5Ljh6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTU3LjksNjljLTAuMSwwLjctMC4zLDEuNS0wLjYsMi4yYy0wLjIsMC42LTAuNiwxLjEtMC45LDEuNmMtMS41LDIuMS00LDMuNy02LjYsNWgwDQoJCQkJYy0zLjYsMS43LTcuNCwyLjctOS43LDMuMmMtMC4xLDAtMC4zLDAuMS0wLjQsMC4xYy0wLjksMC0xLjctMC42LTEuOS0xLjVjMC0wLjEsMC0wLjIsMC0wLjNjLTAuMS0wLjksMC42LTEuOCwxLjUtMg0KCQkJCWM0LjgtMS4xLDEwLjctMy4yLDEzLjQtNmMwLjUtMC41LDAuOS0xLDEuMS0xLjZjMC4yLTAuNSwwLjQtMS4yLDAuMi0yLjFjLTAuMS0wLjUtMC4zLTEtMC42LTEuNWMtMC40LTAuNy0wLjktMS4zLTEuNi0xLjgNCgkJCQljMC4zLTAuNiwwLjYtMS4yLDAuOC0xLjhjMC4yLTAuOCwwLjItMS41LDAuMi0yLjJjMS43LDAuOSwzLjIsMi4xLDQuMSwzLjlDMTU3LjcsNjUuNiwxNTguMSw2Ny4zLDE1Ny45LDY5eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1Mi40LDYyLjNjLTAuMiwwLjYtMC40LDEuMi0wLjgsMS44Yy0wLjYsMC45LTEuNCwxLjktMi40LDIuN2MtMS45LDEuNS00LjUsMy04LDQuMw0KCQkJCWMtMS4xLDAuNC0yLjIsMC44LTMuNCwxLjJjLTAuMiwwLjEtMC40LDAuMS0wLjYsMC4xYy0wLjQsMC0wLjktMC4yLTEuMi0wLjRjLTAuMy0wLjItMC41LTAuNS0wLjYtMC45Yy0wLjMtMSwwLjItMi4xLDEuMy0yLjUNCgkJCQljMS4yLTAuNCwyLjMtMC44LDMuMy0xLjJjNC45LTEuOSw3LjEtMy42LDgtNC45YzAuNC0wLjUsMC42LTAuOSwwLjctMS4zYzAuMS0wLjYsMC4yLTEuNC0wLjctMi44Yy0wLjMtMC41LTAuNy0xLTEuMi0xLjYNCgkJCQljLTAuNi0wLjctMS44LTEuMS0zLjMtMS40YzAuNC0xLjMsMC41LTIuNiwwLjItMy45YzIuNSwwLjQsNC43LDEuMyw2LDIuN2MwLjgsMC44LDIuNywzLDMsNS44QzE1Mi43LDYwLjgsMTUyLjcsNjEuNSwxNTIuNCw2Mi4zDQoJCQkJeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE0My40LDU1LjZjMCwwLDAsMC4xLDAsMC4xYy0wLjMsMC45LTAuOSwxLjctMS42LDIuNGMtMi44LDIuNi03LjcsMy4yLTcuOSwzLjJjLTAuOCwwLTEuNS0wLjQtMS44LTEuMg0KCQkJCWMtMC4xLTAuMy0wLjItMC42LTAuMi0wLjljMC4xLTAuNywwLjUtMS4zLDEuMi0xLjZjMS4xLTAuNSw0LjctMC41LDYuMS0yLjNjMC4yLTAuMiwwLjMtMC41LDAuNC0wLjhjMC40LTEsMC4zLTIuMS0wLjMtMy4yDQoJCQkJYzAsMCwwLTAuMS0wLjEtMC4xYy0yLjYtNS05LjUtMS42LTkuOC0xLjRjLTEsMC41LTIuMiwwLjEtMi42LTAuOWMtMC41LTEtMC4xLTIuMSwwLjktMi42YzMuNy0xLjksMTEuNi0zLjcsMTUuMSwzLjENCgkJCQljMC40LDAuOCwwLjcsMS42LDAuOCwyLjRDMTQzLjksNTIuOSwxNDMuOCw1NC4zLDE0My40LDU1LjZ6Ii8%2BDQoJCTwvZz4NCgkJPGcgY2xhc3M9InN0MyI%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzkuOSwxNDcuN2MwLjQsMC40LDAuOSwwLjYsMS40LDAuNmMwLjUsMCwxLTAuMiwxLjQtMC42YzAuOC0wLjgsMC44LTIsMC0yLjhjLTIuMy0yLjMtMy42LTMuNi0zLjUtNS44DQoJCQkJYy0xLjQtMS4xLTIuNS0yLjItMy4zLTMuM0M3NC4yLDE0MS42LDc2LjMsMTQ0LjEsNzkuOSwxNDcuN3oiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03NS44LDEzNS45YzAuOSwxLjEsMiwyLjIsMy4zLDMuM2MwLjksMC43LDEuOCwxLjQsMi44LDIuMWMwLjMsMC4yLDAuNywwLjQsMS4xLDAuNGMwLjYsMCwxLjItMC4zLDEuNi0wLjgNCgkJCQljMC42LTAuOSwwLjQtMi4xLTAuNS0yLjdjLTEuNi0xLjEtMy0yLjItNC0zLjFjLTEuNC0xLjMtMi4yLTIuNS0yLjctMy43djBjLTAuMi0wLjYtMC4zLTEuMy0wLjQtMS45Yy0xLjItMS0yLjQtMi4yLTMuMy0zLjcNCgkJCQlDNzIuNywxMjkuNiw3My4zLDEzMi43LDc1LjgsMTM1Ljl6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzMuOSwxMjUuNmMwLjksMS40LDIuMSwyLjcsMy4zLDMuN2MwLjMsMC4zLDAuNywwLjUsMSwwLjhjMS4xLDAuOCwyLjMsMS41LDMuNCwyYzEuMiwwLjYsMi4zLDAuOSwzLjMsMS4yDQoJCQkJYzAuMiwwLDAuMywwLjEsMC41LDAuMWMwLjksMCwxLjctMC42LDEuOS0xLjVjMC4zLTEtMC40LTIuMS0xLjQtMi40YzAsMCwwLDAsMCwwYy0wLjItMC4xLTIuNC0wLjYtNC43LTIuMWMtMS0wLjYtMi0xLjQtMi45LTIuNA0KCQkJCWMtMS0xLjEtMS45LTIuNS0yLjQtNC4xYy0wLjQtMS40LTAuNi0zLTAuNC00LjhjMC0wLjIsMC4xLTAuNCwwLjEtMC42Yy0xLTEuMS0xLjktMi4zLTIuNi0zLjZjLTAuOCwxLjEtMS4zLDIuNC0xLjUsMy44DQoJCQkJQzcxLjIsMTE5LjcsNzIuMiwxMjMsNzMuOSwxMjUuNnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03My4xLDExMS44YzAuNywxLjMsMS41LDIuNSwyLjYsMy42YzAuOSwxLDIsMS45LDMuMSwyLjhjMS4zLDEsMi42LDEuOCw0LDIuNmMyLjUsMS40LDUsMi40LDcuMSwzDQoJCQkJYzAuMiwwLjEsMC40LDAuMSwwLjYsMC4xYzAuOCwwLDEuNi0wLjYsMS45LTEuNGMwLjMtMS0wLjMtMi4xLTEuMy0yLjRjMCwwLDAsMCwwLDBjLTIuMS0wLjYtNC45LTEuOC03LjYtMy40DQoJCQkJYy0xLjktMS4xLTMuNi0yLjUtNS00LjFjLTAuOS0xLTEuNi0yLjEtMi4xLTMuM2MtMC41LTEuMi0wLjctMi40LTAuNy0zLjdjMCwwLDAtMC4xLDAtMC4xYy0xLTEuMS0xLjgtMi40LTIuMy0zLjcNCgkJCQljLTEsMS0xLjUsMi4zLTEuNiwzLjdDNzEuNSwxMDcuNyw3MiwxMDkuOSw3My4xLDExMS44eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTczLjIsMTAxLjZjMC41LDEuNCwxLjMsMi42LDIuMywzLjdjMC45LDEsMiwyLDMuMSwyLjhjMS41LDEuMSwzLjIsMi4xLDQuOSwyLjljMi45LDEuNCw1LjgsMi40LDcuOSwzDQoJCQkJYzAuMiwwLjEsMC40LDAuMSwwLjUsMC4xYzAuOSwwLDEuNi0wLjYsMS45LTEuNGMwLjItMC43LDAtMS4zLTAuNC0xLjhjLTAuMi0wLjMtMC42LTAuNS0xLTAuNmMtMS43LTAuNS01LTEuNi04LjItMy4yaDANCgkJCQljLTIuMS0xLjEtNC4xLTIuNC01LjYtNC4xYy0xLTEtMS43LTIuMi0yLjEtMy40Yy0wLjMtMS0wLjQtMi4xLTAuMS0zLjNjMC4xLTAuMywwLjItMC44LDAuOS0xLjNjLTEtMS0xLjctMi4xLTIuMy0zLjINCgkJCQljLTEuMywwLjktMi4xLDIuMi0yLjQsMy43QzcyLjIsOTcuOCw3Mi41LDk5LjgsNzMuMiwxMDEuNnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik03NS4xLDkxLjhjMC42LDEuMSwxLjQsMi4yLDIuMywzLjJjMS4yLDEuMywyLjYsMi40LDQuMywzLjVoMGMxLjksMS4zLDQuMSwyLjUsNi41LDMuNw0KCQkJCWMxLjYsMC44LDMuMiwxLjUsNC44LDIuMmMwLjMsMC4xLDAuNSwwLjIsMC44LDAuMmMwLjgsMCwxLjUtMC40LDEuOC0xLjJjMC4xLTAuMiwwLjItMC41LDAuMi0wLjdjMC0wLjgtMC40LTEuNS0xLjItMS44DQoJCQkJYy0yLTAuOS0zLjgtMS43LTUuNC0yLjVjLTMuMy0xLjctNS43LTMuMi03LjQtNC43Yy0xLjQtMS4yLTIuNC0yLjMtMy0zLjRjLTEuMy0yLjItMS4xLTQuMy0wLjMtNi40YzAuMS0wLjMsMC4zLTAuNSwwLjUtMC43DQoJCQkJYy0wLjQtMC41LTAuOS0xLjEtMS4yLTEuN2MtMC4zLTAuNi0wLjYtMS4xLTAuOC0xLjdjLTEsMC43LTEuNywxLjYtMi4yLDIuN0M3My40LDg2LDczLjcsODkuMSw3NS4xLDkxLjh6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNzcsNzkuOGMwLjIsMC42LDAuNSwxLjEsMC44LDEuN2MwLjMsMC42LDAuOCwxLjIsMS4yLDEuN2MyLjIsMi43LDUuNiw0LjgsOC43LDYuM2M0LjEsMiw3LjcsMi45LDgsMw0KCQkJCWMwLjIsMCwwLjMsMC4xLDAuNSwwLjFjMC45LDAsMS43LTAuNiwxLjktMS41YzAuMS0wLjIsMC4xLTAuNCwwLjEtMC42Yy0wLjEtMC44LTAuNi0xLjYtMS41LTEuOGMtMC4xLDAtMy4xLTAuOC02LjUtMi40DQoJCQkJYy0yLjUtMS4xLTUuMi0yLjYtNy4xLTQuNWMtMC44LTAuNy0xLjQtMS41LTEuOS0yLjRjLTAuMi0wLjQtMC40LTAuOC0wLjYtMS4yYy0wLjQtMS4yLTAuNS0yLjQtMC4xLTMuN2MwLjItMC44LDAuNi0xLjQsMS4xLTEuOQ0KCQkJCWMtMC40LTAuNS0wLjctMS0wLjktMS42Yy0wLjMtMC43LTAuNS0xLjQtMC42LTIuMmMtMS43LDEuMS0yLjksMi42LTMuNCw0LjZDNzYuMSw3NS43LDc2LjIsNzcuOCw3Nyw3OS44eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTgwLjEsNjljMC4xLDAuNywwLjMsMS41LDAuNiwyLjJjMC4yLDAuNiwwLjYsMS4xLDAuOSwxLjZjMS41LDIuMSw0LDMuNyw2LjYsNWgwYzMuNiwxLjcsNy40LDIuNyw5LjcsMy4yDQoJCQkJYzAuMSwwLDAuMywwLjEsMC40LDAuMWMwLjksMCwxLjctMC42LDEuOS0xLjVjMC0wLjEsMC0wLjIsMC0wLjNjMC4xLTAuOS0wLjYtMS44LTEuNS0yYy00LjgtMS4xLTEwLjctMy4yLTEzLjQtNg0KCQkJCWMtMC41LTAuNS0wLjktMS0xLjEtMS42Yy0wLjItMC41LTAuNC0xLjItMC4yLTIuMWMwLjEtMC41LDAuMy0xLDAuNi0xLjVjMC40LTAuNywwLjktMS4zLDEuNi0xLjhjLTAuMy0wLjYtMC42LTEuMi0wLjgtMS44DQoJCQkJYy0wLjItMC44LTAuMi0xLjUtMC4yLTIuMmMtMS43LDAuOS0zLjIsMi4xLTQuMSwzLjlDODAuMyw2NS42LDc5LjksNjcuMyw4MC4xLDY5eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTg1LjUsNjIuM2MwLjIsMC42LDAuNCwxLjIsMC44LDEuOGMwLjYsMC45LDEuNCwxLjksMi40LDIuN2MxLjksMS41LDQuNSwzLDgsNC4zYzEuMSwwLjQsMi4yLDAuOCwzLjQsMS4yDQoJCQkJYzAuMiwwLjEsMC40LDAuMSwwLjYsMC4xYzAuNCwwLDAuOS0wLjIsMS4yLTAuNGMwLjMtMC4yLDAuNS0wLjUsMC42LTAuOWMwLjMtMS0wLjItMi4xLTEuMy0yLjVjLTEuMi0wLjQtMi4zLTAuOC0zLjMtMS4yDQoJCQkJYy00LjktMS45LTcuMS0zLjYtOC00LjljLTAuNC0wLjUtMC42LTAuOS0wLjctMS4zYy0wLjEtMC42LTAuMi0xLjQsMC43LTIuOGMwLjMtMC41LDAuNy0xLDEuMi0xLjZjMC42LTAuNywxLjgtMS4xLDMuMy0xLjQNCgkJCQljLTAuNC0xLjMtMC41LTIuNi0wLjItMy45Yy0yLjUsMC40LTQuNywxLjMtNiwyLjdjLTAuOCwwLjgtMi43LDMtMyw1LjhDODUuMyw2MC44LDg1LjMsNjEuNSw4NS41LDYyLjN6Ii8%2BDQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNOTQuNiw1NS42YzAsMCwwLDAuMSwwLDAuMWMwLjMsMC45LDAuOSwxLjcsMS42LDIuNGMyLjgsMi42LDcuNywzLjIsNy45LDMuMmMwLjgsMCwxLjUtMC40LDEuOC0xLjINCgkJCQljMC4xLTAuMywwLjItMC42LDAuMi0wLjljLTAuMS0wLjctMC41LTEuMy0xLjItMS42Yy0xLjEtMC41LTQuNy0wLjUtNi4xLTIuM2MtMC4yLTAuMi0wLjMtMC41LTAuNC0wLjhjLTAuNC0xLTAuMy0yLjEsMC4zLTMuMg0KCQkJCWMwLDAsMC0wLjEsMC4xLTAuMWMyLjYtNSw5LjUtMS42LDkuOC0xLjRjMSwwLjUsMi4yLDAuMSwyLjYtMC45YzAuNS0xLDAuMS0yLjEtMC45LTIuNmMtMy43LTEuOS0xMS42LTMuNy0xNS4xLDMuMQ0KCQkJCWMtMC40LDAuOC0wLjcsMS42LTAuOCwyLjRDOTQuMSw1Mi45LDk0LjIsNTQuMyw5NC42LDU1LjZ6Ii8%2BDQoJCTwvZz4NCgk8L2c%2BDQoJPHBhdGggY2xhc3M9InN0NyIgZD0iTTIxNy45LDE0M2MtMC4xLDAtMC4yLDAuMS0wLjMsMC4xYy0wLjQsMC0wLjctMC4yLTAuOS0wLjZjLTAuMi0wLjUtMTguMy00OS4yLTIxLjYtNzYuOA0KCQljLTMtMjQuOS02LjctMjYuMS0yMC40LTMwLjVjLTEuMi0wLjQtMi42LTAuOC00LTEuM2MtMTcuMS01LjctMzItMjItMzIuNi0yMi43Yy0wLjMtMC40LTAuMy0xLDAuMS0xLjNjMC40LTAuMywxLTAuMywxLjMsMC4xDQoJCWMwLjIsMC4yLDE1LjIsMTYuNywzMS45LDIyLjJjMS40LDAuNSwyLjcsMC45LDQsMS4zYzcuMSwyLjIsMTEuNywzLjcsMTUuMSw4YzMuMiw0LjEsNS4xLDEwLjksNi43LDI0DQoJCWMzLjMsMjcuNCwyMS40LDc1LjksMjEuNSw3Ni4zQzIxOC42LDE0Mi4zLDIxOC40LDE0Mi44LDIxNy45LDE0M3ogTTE1Ni44LDMzYzAuMSwwLjUtMC4yLDEtMC43LDEuMWMtMTQuNywzLjEtMjIuNyw3LjUtMjIuOCw3LjYNCgkJYy0wLjEsMC4xLTAuMywwLjEtMC40LDAuMWMtMC4zLDAtMC42LTAuMi0wLjgtMC41Yy0wLjItMC40LTAuMS0xLDAuNC0xLjNjMC4zLTAuMiw4LjQtNC41LDIzLjMtNy43DQoJCUMxNTYuMiwzMi4yLDE1Ni43LDMyLjUsMTU2LjgsMzN6IE0xMDYuMSw0MS44Yy0wLjIsMC0wLjMsMC0wLjQtMC4xYy0wLjEsMC04LjEtNC40LTIyLjgtNy42Yy0wLjUtMC4xLTAuOC0wLjYtMC43LTEuMQ0KCQljMC4xLTAuNSwwLjYtMC44LDEuMS0wLjdjMTUsMy4yLDIzLDcuNiwyMy4zLDcuN2MwLjQsMC4yLDAuNiwwLjgsMC40LDEuM0MxMDYuOCw0MS42LDEwNi41LDQxLjgsMTA2LjEsNDEuOHogTTY4LjQsMzMuOQ0KCQljLTEuNCwwLjUtMi43LDAuOS00LDEuM0M1MC43LDM5LjYsNDcsNDAuNyw0My45LDY1LjdjLTMuNCwyNy42LTIxLjUsNzYuMy0yMS42LDc2LjhjLTAuMSwwLjQtMC41LDAuNi0wLjksMC42DQoJCWMtMC4xLDAtMC4yLDAtMC4zLTAuMWMtMC41LTAuMi0wLjctMC43LTAuNS0xLjJjMC4yLTAuNSwxOC4yLTQ5LDIxLjUtNzYuM2MxLjYtMTMuMSwzLjUtMTkuOCw2LjctMjRjMy4zLTQuMyw4LTUuOCwxNS4xLTgNCgkJYzEuMi0wLjQsMi42LTAuOCw0LTEuM2MxNi43LTUuNSwzMS43LTIyLDMxLjktMjIuMmMwLjMtMC40LDAuOS0wLjQsMS4zLTAuMWMwLjQsMC4zLDAuNCwwLjksMC4xLDEuM0MxMDAuNCwxMiw4NS41LDI4LjMsNjguNCwzMy45DQoJCXogTTY3LjIsMTA4LjRjMC4yLTAuNSwwLjgtMC42LDEuMi0wLjRjMC41LDAuMiwwLjYsMC44LDAuNCwxLjJMNjMuNiwxMjBsMS4yLDIyLjFjMCwwLjUtMC40LDEtMC45LDFjMCwwLDAsMC0wLjEsMA0KCQljLTAuNSwwLTAuOS0wLjQtMC45LTAuOWwtMS0xOC44bC05LjQsMTkuMWMtMC4yLDAuMy0wLjUsMC41LTAuOCwwLjVjLTAuMSwwLTAuMywwLTAuNC0wLjFjLTAuNS0wLjItMC42LTAuOC0wLjQtMS4yTDY3LjIsMTA4LjR6DQoJCSBNMTcxLjgsMTA4LjRsMTYuNSwzMy4yYzAuMiwwLjUsMCwxLTAuNCwxLjJjLTAuMSwwLjEtMC4zLDAuMS0wLjQsMC4xYy0wLjMsMC0wLjctMC4yLTAuOC0wLjVsLTkuNS0xOS4xbC0xLjEsMTguOA0KCQljMCwwLjUtMC40LDAuOS0wLjksMC45YzAsMCwwLDAtMC4xLDBjLTAuNSwwLTAuOS0wLjUtMC45LTFsMS4zLTIyLjFsLTUuMy0xMC43Yy0wLjItMC41LDAtMSwwLjQtMS4yDQoJCUMxNzEsMTA3LjgsMTcxLjUsMTA4LDE3MS44LDEwOC40eiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D) no-repeat center center;
    -webkit-background-size: contain;
    background-size:contain
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-right-anterior-apex {
    top: 33%;
    left: 40.4%;
    cursor:pointer
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-left-anterior-apex {
    top: 32%;
    left: 52.5%;
    cursor:pointer
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-right-posterior-base {
    display:none
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-left-posterior-base {
    display:none
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-right-posterior-apex {
    display:none
}

.accordion-item .accordion-content .inner-content.front .stethoscope-point.point-left-posterior-apex {
    display:none
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-right-posterior-apex {
    top: 32%;
    left: 52.5%;
    cursor:pointer
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-left-posterior-apex {
    top: 33%;
    left: 40.4%;
    cursor:pointer
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-left-posterior-base {
    top: 68%;
    left: 31.6%;
    cursor:pointer
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-right-posterior-base {
    top: 68%;
    left: 60%;
    cursor:pointer
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-right-anterior-apex {
    display:none
}

.accordion-item .accordion-content .inner-content.back .stethoscope-point.point-left-anterior-apex {
    display:none
}

.accordion-item .accordion-content a.btn-pos {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height:30px
}

.accordion-item .accordion-content a.btn-pos:link, .accordion-item .accordion-content a.btn-pos:visited {
    background-color: var(--muted)
}

.accordion-item .accordion-content a.btn-pos:hover, .accordion-item .accordion-content a.btn-pos:focus, .accordion-item .accordion-content a.btn-pos:active {
    background-color: var(--border)
}

.accordion-item .accordion-content a.btn-pos.active:link, .accordion-item .accordion-content a.btn-pos.active:visited {
    background-color:#1f5fc8
}

.accordion-item .accordion-content a.btn-pos.active:hover, .accordion-item .accordion-content a.btn-pos.active:focus, .accordion-item .accordion-content a.btn-pos.active:active {
    background-color:#3a79e0
}

.accordion-item .accordion-content a.btn-pos.front {
    top: 10px;
    right: 50px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOTAgMTkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTAgMTkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6IzFGNUZDODt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOC45LDEzNy4yIDQuNywxMjYuMiAxNC43LDc4LjcgMjEuOSw0OS45IDMzLjUsMzguNiA0OC4yLDM0LjEgNjMuMSwxNC42IDEyNy42LDE0LjcgMTM3LDMwLjQgDQoJMTU0LjIsMzcuMyAxNjQsNDQuMSAxNjkuMyw1OC4zIDE3NS41LDg4LjEgMTg3LjMsMTI1LjkgMTY0LjcsMTM3LjEgMTU1LjcsMTE2LjEgMTU0LjIsMTQxLjEgMTUxLjksMTc1LjUgMzkuMSwxNzUuNSAzNi45LDEzNy4zIA0KCTM0LjMsMTA1LjMgIi8%2BDQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNC43LDEyNi4yYy0wLjQsMC0wLjgtMC4xLTEuMi0wLjNjLTEuMi0wLjctMS42LTIuMi0wLjktMy40YzIuNC00LjIsNy4zLTMwLjcsMTAtNDcuNg0KCWMwLjItMi41LDMuMi0zMy43LDI1LjItNDEuNkM1NS4zLDI3LDU5LjgsMTYuMSw1OS45LDE2YzAuNS0xLjMsMi0xLjksMy4yLTEuNGMxLjMsMC41LDEuOSwxLjksMS40LDMuMmMtMC4yLDAuNS01LjIsMTMuMS0yNSwyMC4yDQoJYy0xOS40LDctMjEuOSwzNy0yMS45LDM3LjNjMCwwLjEsMCwwLjEsMCwwLjJjLTAuNyw0LjQtNyw0Mi45LTEwLjYsNDkuM0M2LjQsMTI1LjcsNS42LDEyNi4yLDQuNywxMjYuMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zOS4xLDE3NS41Yy0xLjQsMC0yLjUtMS4xLTIuNS0yLjVjMC0zNC41LTkuNS05MC44LTkuNi05MS40Yy0wLjItMS40LDAuNy0yLjcsMi0yLjljMS40LTAuMiwyLjcsMC43LDIuOSwyDQoJYzAuMSwwLjYsOS42LDU3LjMsOS42LDkyLjJDNDEuNiwxNzQuMyw0MC41LDE3NS41LDM5LjEsMTc1LjV6Ii8%2BDQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTg2LjIsMTI2LjJjLTAuOSwwLTEuNy0wLjUtMi4yLTEuM2MtMy43LTYuNC05LjktNDUtMTAuNy00OS4zYzAtMC4xLDAtMC4xLDAtMC4yYzAtMC4zLTIuNS0zMC41LTIxLjktMzcuMw0KCWMtMTguNy02LjYtMjQuNy0xOS41LTI1LTIwLjFjLTAuNi0xLjMsMC0yLjcsMS4yLTMuM2MxLjMtMC42LDIuNywwLDMuMywxLjJjMC4xLDAuMiw1LjYsMTEuNiwyMi4xLDE3LjRjMjIsNy44LDI1LDM5LjEsMjUuMiw0MS42DQoJYzIuNywxNi44LDcuNiw0My4zLDEwLDQ3LjZjMC43LDEuMiwwLjMsMi43LTAuOSwzLjRDMTg3LjEsMTI2LDE4Ni43LDEyNi4yLDE4Ni4yLDEyNi4yeiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE1MS45LDE3NS41Yy0xLjQsMC0yLjUtMS4xLTIuNS0yLjVjMC0zNC45LDkuNS05MS42LDkuNi05Mi4yYzAuMi0xLjQsMS41LTIuMywyLjktMmMxLjQsMC4yLDIuMywxLjUsMiwyLjkNCgljLTAuMSwwLjYtOS42LDU2LjktOS42LDkxLjRDMTU0LjQsMTc0LjMsMTUzLjMsMTc1LjUsMTUxLjksMTc1LjV6Ii8%2BDQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTcuNSw5OGMtMS40LDAtMi41LTEuMS0yLjUtMi41VjY4YzAtMS40LDEuMS0yLjUsMi41LTIuNXMyLjUsMS4xLDIuNSwyLjV2MjcuNUMxMDAsOTYuOSw5OC45LDk4LDk3LjUsOTh6Ii8%2BDQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAwLjMsOTguNWMwLTEuNCwxLjEtMi41LDIuNS0yLjVoMzIuNWMxLjQsMCwyLjUsMS4xLDIuNSwyLjVzLTEuMSwyLjUtMi41LDIuNWgtMzIuNQ0KCUMxMDEuMywxMDEsMTAwLjMsOTkuOSwxMDAuMyw5OC41eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTU2LjMsOTguNWMwLTEuNCwxLjEtMi41LDIuNS0yLjVoMzMuNWMxLjQsMCwyLjUsMS4xLDIuNSwyLjVzLTEuMSwyLjUtMi41LDIuNUg1OC44DQoJQzU3LjMsMTAxLDU2LjMsOTkuOSw1Ni4zLDk4LjV6Ii8%2BDQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTQuOSwzMWMwLjEtMC4zLDAuMi0wLjQsMC40LTAuN2MwLjktMSwyLjYtMSwzLjYsMGMxMi41LDEyLjIsMzMuMiwxNi4zLDMzLjQsMTYuNGMxLjMsMC4yLDIuMiwxLjUsMiwyLjkNCgljLTAuMiwxLjMtMS41LDIuMi0yLjksMmMtMC45LTAuMi0yMi41LTQuMy0zNi4xLTE3LjdDNTQuNiwzMy4xLDU0LjQsMzEuOSw1NC45LDMxeiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzNy4xLDMyYy0wLjEtMC4zLTAuMi0wLjQtMC40LTAuN2MtMC45LTEtMi42LTEtMy42LDBjLTEyLjUsMTIuMi0zMy4yLDE2LjMtMzMuNCwxNi40Yy0xLjMsMC4yLTIuMiwxLjUtMiwyLjkNCgljMC4yLDEuMywxLjUsMi4yLDIuOSwyYzAuOS0wLjIsMjIuNS00LjMsMzYuMS0xNy43QzEzNy40LDM0LjEsMTM3LjYsMzIuOSwxMzcuMSwzMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yOS41LDEzNy4zYy0wLjIsMC0wLjQsMC0wLjYtMC4xYy0xLjMtMC40LTIuMS0xLjctMS44LTMuMWw0LjgtMThjMC40LTEuMywxLjctMi4xLDMuMS0xLjgNCgljMS4zLDAuNCwyLjEsMS43LDEuOCwzLjFsLTQuOCwxOEMzMS42LDEzNi41LDMwLjYsMTM3LjMsMjkuNSwxMzcuM3oiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNjMuNywxMzcuM2MtMSwwLTEuOS0wLjYtMi4zLTEuNWwtNy0xNi40Yy0wLjUtMS4zLDAtMi43LDEuMy0zLjNjMS4zLTAuNSwyLjcsMCwzLjMsMS4zbDcsMTYuNA0KCWMwLjUsMS4zLDAsMi43LTEuMywzLjNDMTY0LjQsMTM3LjIsMTY0LDEzNy4zLDE2My43LDEzNy4zeiIvPg0KPC9zdmc%2BDQo%3D);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size:cover
}

.accordion-item .accordion-content a.btn-pos.back {
    top: 10px;
    right: 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOTAgMTkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTAgMTkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BDQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6IzFGNUZDODt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyOC45LDEzNy4yIDQuNywxMjYuMiAxNC43LDc4LjcgMjEuOSw0OS45IDMzLjUsMzguNiA0OC4yLDM0LjEgNjMuMSwxNC42IDEyNy42LDE0LjcgMTM3LDMwLjQgDQoJMTU0LjIsMzcuMyAxNjQsNDQuMSAxNjkuMyw1OC4zIDE3NS41LDg4LjEgMTg3LjMsMTI1LjkgMTY0LjcsMTM3LjEgMTU1LjcsMTE2LjEgMTU0LjIsMTQxLjEgMTUxLjksMTc1LjUgMzkuMSwxNzUuNSAzNi45LDEzNy4zIA0KCTM0LjMsMTA1LjMgIi8%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNC43LDEyNi4yYy0wLjQsMC0wLjgtMC4xLTEuMi0wLjNjLTEuMi0wLjctMS42LTIuMi0wLjktMy40YzIuNC00LjIsNy4zLTMwLjcsMTAtNDcuNg0KCQljMC4yLTIuNSwzLjItMzMuNywyNS4yLTQxLjZDNTUuMywyNyw1OS44LDE2LjEsNTkuOSwxNmMwLjUtMS4zLDItMS45LDMuMi0xLjRjMS4zLDAuNSwxLjksMS45LDEuNCwzLjJjLTAuMiwwLjUtNS4yLDEzLjEtMjUsMjAuMg0KCQljLTE5LjQsNy0yMS45LDM3LTIxLjksMzcuM2MwLDAuMSwwLDAuMSwwLDAuMmMtMC43LDQuNC03LDQyLjktMTAuNiw0OS4zQzYuNCwxMjUuNyw1LjYsMTI2LjIsNC43LDEyNi4yeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTM5LjEsMTc1LjVjLTEuNCwwLTIuNS0xLjEtMi41LTIuNWMwLTM0LjUtOS41LTkwLjgtOS42LTkxLjRjLTAuMi0xLjQsMC43LTIuNywyLTIuOWMxLjQtMC4yLDIuNywwLjcsMi45LDINCgkJYzAuMSwwLjYsOS42LDU3LjMsOS42LDkyLjJDNDEuNiwxNzQuMyw0MC41LDE3NS41LDM5LjEsMTc1LjV6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTg2LjIsMTI2LjJjLTAuOSwwLTEuNy0wLjUtMi4yLTEuM2MtMy43LTYuNC05LjktNDUtMTAuNy00OS4zYzAtMC4xLDAtMC4xLDAtMC4yYzAtMC4zLTIuNS0zMC41LTIxLjktMzcuMw0KCQljLTE4LjctNi42LTI0LjctMTkuNS0yNS0yMC4xYy0wLjYtMS4zLDAtMi43LDEuMi0zLjNjMS4zLTAuNiwyLjcsMCwzLjMsMS4yYzAuMSwwLjIsNS42LDExLjYsMjIuMSwxNy40YzIyLDcuOCwyNSwzOS4xLDI1LjIsNDEuNg0KCQljMi43LDE2LjgsNy42LDQzLjMsMTAsNDcuNmMwLjcsMS4yLDAuMywyLjctMC45LDMuNEMxODcuMSwxMjYsMTg2LjcsMTI2LjIsMTg2LjIsMTI2LjJ6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTUxLjksMTc1LjVjLTEuNCwwLTIuNS0xLjEtMi41LTIuNWMwLTM0LjksOS41LTkxLjYsOS42LTkyLjJjMC4yLTEuNCwxLjUtMi4zLDIuOS0yYzEuNCwwLjIsMi4zLDEuNSwyLDIuOQ0KCQljLTAuMSwwLjYtOS42LDU2LjktOS42LDkxLjRDMTU0LjQsMTc0LjMsMTUzLjMsMTc1LjUsMTUxLjksMTc1LjV6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTcuNSwxNDRjLTEuNCwwLTIuNS0xLjEtMi41LTIuNVYxMTRjMC0xLjQsMS4xLTIuNSwyLjUtMi41czIuNSwxLjEsMi41LDIuNXYyNy41DQoJCUMxMDAsMTQyLjksOTguOSwxNDQsOTcuNSwxNDR6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOTcuNSwxNjAuOGMtMS40LDAtMi41LTEuMS0yLjUtMi41di01LjJjMC0xLjQsMS4xLTIuNSwyLjUtMi41czIuNSwxLjEsMi41LDIuNXY1LjINCgkJQzEwMCwxNTkuNiw5OC45LDE2MC44LDk3LjUsMTYwLjh6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTIzLjQsOTMuNmMtMSwwLTItMC43LTIuNC0xLjdjLTYtMTguMS0wLjMtMzkuMywwLTQwLjJjMC40LTEuMywxLjctMi4xLDMuMS0xLjdjMS4zLDAuNCwyLjEsMS43LDEuNywzLjENCgkJYy0wLjEsMC4yLTUuNiwyMC42LDAsMzcuMmMwLjQsMS4zLTAuMywyLjctMS42LDMuMkMxMjQsOTMuNiwxMjMuNyw5My42LDEyMy40LDkzLjZ6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjguNiw5My42Yy0wLjMsMC0wLjUsMC0wLjgtMC4xYy0xLjMtMC40LTItMS45LTEuNi0zLjJjNS41LTE2LjYsMC0zNywwLTM3LjJjLTAuNC0xLjMsMC40LTIuNywxLjctMy4xDQoJCWMxLjMtMC40LDIuNywwLjQsMy4xLDEuN2MwLjIsMC45LDYsMjIuMSwwLDQwLjJDNzAuNiw5Mi45LDY5LjYsOTMuNiw2OC42LDkzLjZ6Ii8%2BDQo8L2c%2BDQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjkuNSwxMzcuM2MtMC4yLDAtMC40LDAtMC42LTAuMWMtMS4zLTAuNC0yLjEtMS43LTEuOC0zLjFsNC44LTE4YzAuNC0xLjMsMS43LTIuMSwzLjEtMS44DQoJCWMxLjMsMC40LDIuMSwxLjcsMS44LDMuMWwtNC44LDE4QzMxLjYsMTM2LjUsMzAuNiwxMzcuMywyOS41LDEzNy4zeiIvPg0KPC9nPg0KPGc%2BDQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2My43LDEzNy4zYy0xLDAtMS45LTAuNi0yLjMtMS41bC03LTE2LjRjLTAuNS0xLjMsMC0yLjcsMS4zLTMuM2MxLjMtMC41LDIuNywwLDMuMywxLjNsNywxNi40DQoJCWMwLjUsMS4zLDAsMi43LTEuMywzLjNDMTY0LjQsMTM3LjIsMTY0LDEzNy4zLDE2My43LDEzNy4zeiIvPg0KPC9nPg0KPC9zdmc%2BDQo%3D);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size:cover
}

.accordion-item.opened .accordion-trigger-block {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color:#1f5fc8
}

.accordion-item.opened .accordion-trigger-block .title {
    color: white;
    font-weight:700
}


.stethoscope-point {
    display: inline-block;
    position: absolute;
    width: 20px;
    height:20px
}

.stethoscope-point:before {
    display: inline-block;
    display: block;
    font-family: latt;
    font-size: 20px;
    content: '\e90f';
    text-align: center;
    vertical-align: top;
    color:#1f5fc8
}

.stethoscope-point.active:before {
    font-size: 15px;
    content: '\e90e';
    text-align: center;
    color:#2eeac0
}

.stethoscope-point.point-right-anterior-apex {
    top: 38%;
    left: 20.5%;
    cursor:pointer
}

.stethoscope-point.point-left-anterior-apex {
    top: 38%;
    left: 27.9%;
    cursor:pointer
}

.stethoscope-point.point-left-posterior-base {
    top: 63%;
    left: 66%;
    cursor:pointer
}

.stethoscope-point.point-right-posterior-base {
    top: 63%;
    left: 82%;
    cursor:pointer
}

.stethoscope-point.point-right-posterior-apex {
    top: 36%;
    left: 77.7%;
    cursor:pointer
}

.stethoscope-point.point-left-posterior-apex {
    top: 36%;
    left: 70.2%;
    cursor:pointer
}
/**
* Rangeslider
*/
.rangeslider {
  margin: 10px 0;
  position: relative;
  background: var(--border);
  -ms-touch-action: none;
  touch-action: none;
}

.rangeslider,
.rangeslider .rangeslider__fill {
  display: block;
}

.rangeslider .rangeslider__handle {
  background: var(--background);
  border: 1px solid var(--border);
  cursor: pointer;
  display: inline-block;
  position: absolute;
}

.rangeslider .rangeslider__handle:hover .rangeslider__tooltip {
  opacity: 1;
}

.rangeslider .rangeslider__tooltip {
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  background-color: var(--foreground);
  font-weight: normal;
  font-size: 14px;
  transition: all 100ms ease-in;
  border-radius: 4px;
  display: inline-block;
  color: var(--background);
  opacity: 0;
}

.rangeslider .rangeslider__tooltip span {
  margin-top: 12px;
  display: inline-block;
  line-height: 100%;
}

.rangeslider .rangeslider__tooltip:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}

/**
* Rangeslider - Horizontal slider
*/
.rangeslider-horizontal {
  height: 5px;
  border-radius: 10px;
}

.rangeslider-horizontal .rangeslider__fill {
  height: 100%;
  background-color: var(--secondary);
  border-radius: 10px;
  top: 0;
}

.rangeslider-horizontal .rangeslider__handle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: -7px;
}

.rangeslider-horizontal .rangeslider__handle:after {
  content: " ";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 4.5px;
  left: 4.5px;
  border-radius: 50%;
  background-color: var(--border);
}

.rangeslider-horizontal .rangeslider__tooltip {
  top: -55px;
}

.rangeslider-horizontal .rangeslider__tooltip:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--foreground);
  left: 12px;
  bottom: -8px;
}

/**
* Rangeslider - Vertical slider
*/
.rangeslider-vertical {
  margin: 20px auto;
  height: 150px;
  max-width: 10px;
  background-color: transparent;
}

.rangeslider-vertical .rangeslider__fill,
.rangeslider-vertical .rangeslider__handle {
  position: absolute;
}

.rangeslider-vertical .rangeslider__fill {
  width: 100%;
  background-color: var(--success);
  box-shadow: none;
  bottom: 0;
}

.rangeslider-vertical .rangeslider__handle {
  width: 30px;
  height: 10px;
  left: -10px;
  box-shadow: none;
}

.rangeslider-vertical .rangeslider__tooltip {
  left: -55px;
  top: -15px;
}

.rangeslider-vertical .rangeslider__tooltip:after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--foreground);
  left: 100%;
  top: 12px;
}

/**
* Rangeslider - Reverse
*/
.rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
  right: 0;
}

.rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
  top: 0;
  bottom: inherit;
}

/**
* Rangeslider - Labels
*/
.rangeslider-vertical .rangeslider__label-list {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
  text-align: left;
  width: 250px;
}

.rangeslider-vertical .rangeslider__label-list .rangeslider__label {
  position: absolute;
}

.rangeslider-vertical .rangeslider__label-list .rangeslider__label::before {
  content: '';
  width: 10px;
  height: 2px;
  background: var(--foreground);
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.rangeslider__label-list .rangeslider__label {
  position: absolute;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  top: 10px;
}

.linkContainer {
    position: relative;
    display: inline;
}

.link {
    position: relative;
    display: inline;
    align-items: baseline;
    text-decoration: underline;
    padding: 0px 2px;
    margin: 0px;
    border: none;
    appearance: none;
    cursor: pointer;
    text-align: left;
    transition-property: box-shadow;
    transition-duration: 0.22s;
    transition-timing-function: ease-in;
    outline: transparent solid 1px;
    background-color: transparent;
    color: var(--primary);
}

.iconContainer {
    position: relative;
    flex-direction: row;
    justify-content: flex-start;
    flex: 0 1 0%;
    cursor: unset;
    margin: -1px 0px;
    align-items: center;
    color: currentcolor;
    font-size: 24px;
    display: inline-flex;
}

.icon {
    line-height: 0;
    display: inline-block;
    font-size: 16px;
    margin-left: 4px;
}

.icon svg {
    vertical-align: middle;
}

.fade-transition {
	transition: opacity 0.5s ease-in-out;
  }
  
  .fade-in {
	opacity: 1;
  }
  
  .fade-out {
	opacity: 0;
  }
  
.papergrid {
	--s: 100px; /* control the size */
	--border: #eee; /* default border color */
	
	background: 
	conic-gradient(from 90deg at 2px 2px, var(--_g))
		0 0/var(--s) var(--s),
	conic-gradient(from 90deg at 1px 1px, var(--_g))
		0 0/calc(var(--s)/5) calc(var(--s)/5);
	--_g: #0000 90deg, var(--border) 0;
	
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	will-change: transform; /* Optimize for animation */
}

.reactmic-container {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
}

.time-left-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 600px;
	margin: 10px auto;
}

.time-display {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
	color: #5b6567;
}

.progress-container {
	width: 100%;
	height: 6px;
	background-color: #eee;
	border-radius: 3px;
	overflow: hidden;
	/* Hardware acceleration */
	transform: translateZ(0);
}

.progress-bar {
	height: 100%;
	border-radius: 3px;
	background-color: #5b6567;
	transition: width 0.3s linear, background-color 0.3s ease;
	/* Hardware acceleration */
	transform: translateZ(0);
	will-change: width, background-color;
}

/* Make canvas transparent and optimize rendering */


/* Add performance optimizations for animations */
.simple-placeholder .pulse {
	will-change: transform, opacity;
}

/* Optimize box-shadow rendering */
* {
	backface-visibility: hidden;
}
.prediction-line {
	width: 7px;
	min-height: 50px;
	height: 100%;
	margin: 5px;
	border-radius: 5px; /* Rounded corners */
	margin: 0;
}
.OverviewPage .card {
  border: 1px solid var(--border);
  background: var(--bg);
  padding: 2rem;
  border-radius: 3px;
  padding: 20px 25px;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 2em;
  height: 100%;
  text-overflow: ellipsis;
}

.OverviewPage .card .title {
  float: left;
}

.OverviewPage .card .content {
  float: right;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.OverviewPage footer {
  margin-top: 20px;
}


scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.scrolling-wrapper .box {
  display: inline-block;
  margin-right: 7px;
}

.scrolling-wrapper {
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.scrolling-wrapper::-webkit-scrollbar {
  display: none;
}

.recording-text {
  background: inherit;
  padding-top: 5px;
  border-radius: 20px 20px 0 0;
  background: var(--card);
}

.list-item {
  box-shadow: var(--ui-shadow-card, 0 1px 3px rgba(0,0,0,0.04));
  color: var(--foreground);
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border);
  border-image: initial;
  border-radius: 5px;
  padding: 10px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.1s ease 0s, box-shadow 0.1s ease 0s, border-color 0.1s ease 0s;
}

.icon-text { vertical-align: super; }


.hidden { opacity: 0; }
.show { opacity: 1 }

.details-box {
  letter-spacing: .08929em;
  text-decoration: none;
  padding: 20px;
  width: max-content;
  height: auto;
  border-radius: 10px;
}

.details-box-primary {
  background: var(--primary);
  color: var(--primary-foreground);
}


.details-box-secondary {
  background: var(--muted);
  color: var(--foreground);
}

.f24 {
  font-size: 24px;
}

.stacked-bar-graph {
  width: 100%;
  height: 38px;
  color: #414042;
}

.stacked-bar-graph span {
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  float: left;
  font-weight: bold;
  padding: 10px;
  color: #ffffff;
}

.stacked-bar-graph .bar-1 {
  background: #9E9E9E;
  border-radius: 5px 0px 0 5px;
}

.stacked-bar-graph .bar-2 {
  background: #607D8B;
  border-radius: 0px 5px 5px 0;
}

.FullScreenModal {
    position: fixed;
    z-index: 1030;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--center-channel-bg, #fff);
    outline: none;
    -webkit-overflow-scrolling: touch;
}

/* ---- close / back buttons ---- */

.FullScreenModal .fsm-close,
.FullScreenModal .fsm-back,
.FullScreenModal .close-x,
.FullScreenModal .back {
    position: absolute;
    z-index: 20;
    top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #71717a;
    cursor: pointer;
    transition: all 0.15s ease;
}

.FullScreenModal .fsm-close:hover,
.FullScreenModal .close-x:hover,
.FullScreenModal .fsm-back:hover,
.FullScreenModal .back:hover {
    background: var(--bg-muted);
    border-color: rgba(0, 0, 0, 0.12);
    color: #18181b;
}

.FullScreenModal .fsm-close:active,
.FullScreenModal .close-x:active,
.FullScreenModal .fsm-back:active,
.FullScreenModal .back:active {
    transform: scale(0.92);
    background: var(--border);
}

.FullScreenModal .fsm-close,
.FullScreenModal .close-x {
    right: 16px;
}

.FullScreenModal .fsm-back,
.FullScreenModal .back {
    left: 16px;
}

/* legacy close-x uses text "x" or SVG; normalize both */
.FullScreenModal .close-x #closeIcon {
    font-size: 14px;
    font-weight: 300;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1;
}

.FullScreenModal .back #backIcon {
    font-size: 0;
}

.FullScreenModal .close-x svg,
.FullScreenModal .back svg {
    width: 16px;
    height: 16px;
    fill: none;
}

/* ---- transitions ---- */

.FullScreenModal-enter,
.FullScreenModal-appear {
    opacity: 0;
    transform: translateY(8px);
}

.FullScreenModal-enter-active,
.FullScreenModal-appear-active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 150ms ease, transform 150ms ease;
}

.FullScreenModal-exit {
    opacity: 1;
    transform: translateY(0);
}

.FullScreenModal-exit-active {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 150ms ease, transform 150ms ease;
}

/* ---- compact variant ---- */

.FullScreenModal.FullScreenModal--compact .fsm-back,
.FullScreenModal.FullScreenModal--compact .back {
    top: 8px;
    left: 12px;
}

.FullScreenModal.FullScreenModal--compact .fsm-close,
.FullScreenModal.FullScreenModal--compact .close-x {
    top: 8px;
    right: 12px;
}

/* ---- responsive ---- */

@media (min-width: 769px) {
    .FullScreenModal .fsm-close,
    .FullScreenModal .close-x {
        top: 20px;
        right: 24px;
    }

    .FullScreenModal .fsm-back,
    .FullScreenModal .back {
        top: 20px;
        left: 24px;
    }
}

/* ============================================
   ToniFamilyDemo — fixed-size app preview
   Does NOT respond to viewport with layout shifts.
   Clips via parent overflow:hidden instead.
   ============================================ */

.tfd {
  width: 960px;
  min-height: 480px;
  background: var(--bg);
  border-radius: var(--size-border-radius-8);
  border: 1px solid var(--border-subtle);
  display: flex;
  flex-direction: column;
  font-family: var(--font-sans);
  overflow: hidden;
  flex-shrink: 0;
}

/* --- Top bar --- */
.tfd__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 var(--spacing-4);
  border-bottom: 1px solid var(--border-subtle);
  flex-shrink: 0;
  background: var(--bg);
}

.tfd__bar-title {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--foreground);
  margin: 0;
}

.tfd__bar-action {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--muted-foreground);
  background: none;
  border: 1px solid var(--border-subtle);
  border-radius: var(--size-border-radius-4);
  padding: var(--spacing-1) var(--spacing-3);
  cursor: default;
}

/* --- Columns container --- */
.tfd__columns {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* --- Single member column --- */
.tfd__col {
  width: 240px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-subtle);
  overflow: hidden;
}

.tfd__col:last-child {
  border-right: none;
}

/* --- Column header --- */
.tfd__col-header {
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-2);
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  flex-shrink: 0;
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border-subtle);
}

.tfd__avatar {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  color: var(--background);
  flex-shrink: 0;
}

.tfd__avatar--blue { background: #3b82f6; }
.tfd__avatar--rose { background: #e11d48; }
.tfd__avatar--amber { background: #d97706; }
.tfd__avatar--teal { background: #0d9488; }

.tfd__col-info {
  min-width: 0;
}

.tfd__col-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tfd__col-meta {
  font-size: 11px;
  color: var(--muted-foreground);
  margin: 0;
}

.tfd__age {
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  color: var(--muted-foreground);
  background: var(--bg-muted);
  border-radius: var(--size-border-radius-4);
  padding: 1px 5px;
  margin-left: var(--spacing-1);
}

/* --- Status badges row --- */
.tfd__badges {
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-2) var(--spacing-3);
  flex-shrink: 0;
}

.tfd__badge {
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  padding: 2px 6px;
  border-radius: var(--size-border-radius-4);
  white-space: nowrap;
}

.tfd__badge--ok {
  color: #166534;
  background: #dcfce7;
}

.tfd__badge--warn {
  color: #92400e;
  background: #fef3c7;
}

.tfd__badge--danger {
  color: #991b1b;
  background: #fee2e2;
}

.tfd__badge--info {
  color: #1e40af;
  background: #dbeafe;
}

/* --- Events list --- */
.tfd__events {
  flex: 1;
  overflow: hidden;
  padding: 0 var(--spacing-3) var(--spacing-3);
}

.tfd__section-label {
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  color: var(--muted-foreground);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: var(--spacing-2) 0 var(--spacing-1);
}

/* --- Single event row --- */
.tfd__event {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-2);
  padding: 5px 0;
  border-left: 2px solid var(--border-subtle);
  padding-left: var(--spacing-2);
  margin-bottom: 2px;
}

.tfd__event--danger { border-left-color: #ef4444; }
.tfd__event--warn   { border-left-color: #f59e0b; }
.tfd__event--info   { border-left-color: #3b82f6; }
.tfd__event--ok     { border-left-color: #22c55e; }

.tfd__event-content {
  min-width: 0;
  flex: 1;
}

.tfd__event-title {
  font-size: 12px;
  font-weight: var(--font-weight-normal);
  color: var(--foreground);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tfd__event-date {
  font-size: 10px;
  color: var(--muted-foreground);
  margin: 0;
}

.tfd__event-tag {
  font-size: 9px;
  font-weight: var(--font-weight-medium);
  padding: 1px 5px;
  border-radius: var(--size-border-radius-2);
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 1px;
}

.tfd__event-tag--danger {
  color: #991b1b;
  background: #fee2e2;
}

.tfd__event-tag--warn {
  color: #92400e;
  background: #fef3c7;
}

.tfd__event-tag--ok {
  color: #166534;
  background: #dcfce7;
}

.tfd__event-tag--info {
  color: #1e40af;
  background: #dbeafe;
}

/* ============================================
   GENERATION ANIMATION
   ============================================ */

@keyframes tfd-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(0.9); }
}

@keyframes tfd-spin {
  to { transform: rotate(360deg); }
}

@keyframes tfd-fade-in {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes tfd-progress {
  0% { width: 0; }
  100% { width: var(--tfd-progress); }
}

/* Pulsing dot on avatar */
.tfd__avatar-wrap {
  position: relative;
}

.tfd__avatar-dot {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background: var(--foreground);
  border: 1.5px solid var(--background);
  animation: tfd-pulse 1.5s ease-in-out infinite;
}

/* Generation status row (replaces badges) */
.tfd__gen-status {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: var(--spacing-2) var(--spacing-3);
  flex-shrink: 0;
}

.tfd__spinner {
  width: 12px;
  height: 12px;
  border: 1.5px solid var(--border-subtle);
  border-top-color: var(--foreground);
  border-radius: var(--radius-full);
  animation: tfd-spin 0.8s linear infinite;
  flex-shrink: 0;
}

.tfd__gen-label {
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  margin: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tfd__gen-pct {
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  color: var(--muted-foreground);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

/* Progress bar */
.tfd__progress {
  height: 2px;
  background: var(--border-subtle);
  margin: 0 var(--spacing-3);
  border-radius: var(--radius-full);
  overflow: hidden;
  flex-shrink: 0;
}

.tfd__progress-fill {
  height: 100%;
  background: var(--foreground);
  border-radius: var(--radius-full);
  transition: width 0.6s ease-out;
}

/* Reasoning steps list */
.tfd__steps {
  flex: 1;
  overflow: hidden;
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-3);
}

.tfd__step {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 4px 0;
  animation: tfd-fade-in 0.25s ease-out both;
}

.tfd__step-icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

/* Completed step checkmark */
.tfd__step-check {
  width: 12px;
  height: 12px;
  border-radius: var(--radius-full);
  background: var(--foreground);
  display: flex;
  align-items: center;
  justify-content: center;
}

.tfd__step-check svg {
  width: 7px;
  height: 7px;
}

/* Active step spinner */
.tfd__step-spinner {
  width: 12px;
  height: 12px;
  border: 1.5px solid var(--border-subtle);
  border-top-color: var(--muted-foreground);
  border-radius: var(--radius-full);
  animation: tfd-spin 0.8s linear infinite;
}

.tfd__step-text {
  font-size: 11px;
  color: var(--muted-foreground);
  margin: 0;
  line-height: 1.4;
}

.tfd__step--active .tfd__step-text {
  color: var(--foreground);
  font-weight: var(--font-weight-medium);
}

/* --- Completed result phase --- */
.tfd__result {
  animation: tfd-fade-in 0.3s ease-out both;
}

.tfd__result-event {
  animation: tfd-fade-in 0.3s ease-out both;
}

/* ============================================
   ToniAgentDemo — Health agent update animation
   Shows trigger event → processing → new recommendations
   ============================================ */

.tagd {
  width: 400px;
  height: 500px;
  margin: 0 auto;
  background: var(--card);
  border-radius: 16px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* --- Header --- */
.tagd__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

.tagd__header-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tagd__header-icon svg {
  width: 16px;
  height: 16px;
  color: var(--chakra-colors-gray-700);
}

.tagd__header-text {
  flex: 1;
  min-width: 0;
}

.tagd__header-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.tagd__header-meta {
  font-size: 11px;
  color: var(--chakra-colors-gray-400);
  margin: 0;
}

.tagd__header-status {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  background: var(--bg-muted);
  color: var(--chakra-colors-gray-500);
  flex-shrink: 0;
  transition: background 0.3s, color 0.3s;
}

.tagd__header-status--active {
  background: #dcfce7;
  color: #166534;
}

/* --- Body --- */
.tagd__body {
  flex: 1;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
}

/* --- Trigger event --- */
.tagd__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: 8px;
  flex-shrink: 0;
}

.tagd__trigger--entering {
  animation: tagd-slide-in 0.35s ease-out both;
}

.tagd__trigger-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #eab308;
  flex-shrink: 0;
}

.tagd__trigger-label {
  font-size: 12px;
  font-weight: 600;
  color: #854d0e;
}

.tagd__trigger-detail {
  font-size: 12px;
  color: #a16207;
}

/* --- Processing steps --- */
.tagd__steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}

.tagd__step {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.tagd__step--visible {
  opacity: 1;
  transform: translateY(0);
}

.tagd__step-indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--bg-muted);
  border: 1.5px solid var(--chakra-colors-gray-300);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.3s, border-color 0.3s;
}

.tagd__step-indicator--active {
  background: var(--card);
  border-color: var(--chakra-colors-gray-400);
}

.tagd__step-indicator--done {
  background: #dcfce7;
  border-color: #86efac;
}

.tagd__step-indicator--done svg {
  width: 10px;
  height: 10px;
  color: #166534;
}

.tagd__step-spinner {
  width: 10px;
  height: 10px;
  border: 1.5px solid var(--border);
  border-top-color: var(--chakra-colors-gray-500);
  border-radius: 50%;
  animation: tagd-spin 0.7s linear infinite;
}

.tagd__step-label {
  font-size: 12px;
  color: var(--chakra-colors-gray-600);
}

.tagd__step--done .tagd__step-label {
  color: #166534;
}

/* --- Recommendation list --- */
.tagd__list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 0;
}

.tagd__list-title {
  font-size: 11px;
  font-weight: 600;
  color: var(--chakra-colors-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 6px;
}

/* --- Individual item --- */
.tagd__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  transition: background 0.2s;
}

.tagd__item--new {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}

.tagd__item--entering {
  animation: tagd-slide-in 0.35s ease-out both;
}

.tagd__item-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.tagd__item-dot--existing {
  background: var(--chakra-colors-gray-300);
}

.tagd__item-dot--new {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #dcfce7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tagd__item-dot--new svg {
  width: 10px;
  height: 10px;
  color: #166534;
}

.tagd__item-text {
  flex: 1;
  min-width: 0;
}

.tagd__item-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.tagd__item-meta {
  font-size: 11px;
  color: var(--chakra-colors-gray-500);
  margin: 0;
}

.tagd__item--new .tagd__item-title {
  color: #166534;
}

.tagd__item--new .tagd__item-meta {
  color: #15803d;
}

.tagd__item-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  background: #dcfce7;
  color: #166534;
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
}

/* ============================================
   ANIMATIONS
   ============================================ */

.tagd--fading .tagd__body {
  animation: tagd-fade-out 0.5s ease-out forwards;
}

@keyframes tagd-slide-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tagd-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes tagd-spin {
  to { transform: rotate(360deg); }
}

/* ============================================
   TheodorScoreDemo — Heart Health Score result
   ============================================ */

.tscd {
  width: 380px;
  height: 520px;
  margin: 0 auto;
  background: var(--card);
  border-radius: 16px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* --- Header --- */
.tscd__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

.tscd__header-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tscd__header-icon svg {
  width: 16px;
  height: 16px;
  color: var(--chakra-colors-gray-700);
}

.tscd__header-text {
  flex: 1;
  min-width: 0;
}

.tscd__header-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.tscd__header-meta {
  font-size: 11px;
  color: var(--chakra-colors-gray-400);
  margin: 0;
}

.tscd__status {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  background: var(--bg-muted);
  color: var(--chakra-colors-gray-500);
  flex-shrink: 0;
  transition: background 0.3s, color 0.3s;
}

.tscd__status--scoring {
  background: #fef3c7;
  color: #92400e;
}

.tscd__status--done {
  background: #dcfce7;
  color: #166534;
}

/* --- Body --- */
.tscd__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 18px;
  gap: 12px;
  overflow: hidden;
}

/* --- Score Ring --- */
.tscd__ring-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.tscd__ring {
  position: relative;
  width: 140px;
  height: 140px;
}

.tscd__ring-svg {
  width: 100%;
  height: 100%;
}

.tscd__ring-svg circle {
  transition: stroke-dashoffset 0.08s linear;
}

.tscd__ring-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tscd__ring-brand {
  font-size: 8px;
  font-weight: 600;
  color: var(--chakra-colors-gray-300);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.tscd__ring-value {
  font-size: 40px;
  font-weight: 800;
  color: var(--chakra-colors-gray-900);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
}

.tscd__ring-label {
  font-size: 9px;
  font-weight: 500;
  color: var(--chakra-colors-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 2px;
}

.tscd__ring-message {
  font-size: 12px;
  font-weight: 500;
  color: var(--chakra-colors-gray-600);
  margin: 0;
}

.tscd__ring-message--entering {
  animation: tscd-slide-in 0.3s ease-out both;
}

/* --- Metrics row --- */
.tscd__metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  width: 100%;
  flex-shrink: 0;
}

.tscd__metrics--entering {
  animation: tscd-slide-in 0.3s ease-out both;
}

.tscd__metric {
  padding: 10px 6px;
  background: var(--bg-subtle);
  border: 1px solid var(--border);
  border-radius: 8px;
  text-align: center;
}

.tscd__metric-label {
  font-size: 9px;
  color: var(--chakra-colors-gray-400);
  margin: 0 0 3px;
  font-weight: 500;
}

.tscd__metric-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.tscd__metric-unit {
  font-size: 10px;
  font-weight: 500;
  color: var(--chakra-colors-gray-400);
  margin-left: 1px;
}

/* --- Finding cards --- */
.tscd__finding {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid;
  width: 100%;
  flex-shrink: 0;
}

.tscd__finding--entering {
  animation: tscd-slide-in 0.3s ease-out both;
}

.tscd__finding--green {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.tscd__finding-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #bbf7d0;
}

.tscd__finding-icon svg {
  width: 14px;
  height: 14px;
  color: #16a34a;
}

.tscd__finding-text {
  flex: 1;
  min-width: 0;
}

.tscd__finding-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.tscd__finding-conf {
  font-size: 11px;
  color: var(--chakra-colors-gray-500);
  margin: 0;
}

/* ============================================
   ANIMATIONS
   ============================================ */

.tscd--fading .tscd__body {
  animation: tscd-fade-out 0.5s ease-out forwards;
}

@keyframes tscd-slide-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tscd-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* ============================================
   ProductShowcase — payment flow visual card
   ============================================ */

.pf-showcase {
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
    background: var(--secondary);
}

.pf-showcase__product-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 0;
    gap: 12px;
}

.pf-showcase__product-name {
    font-size: 15px;
    font-weight: 700;
    color: var(--foreground);
    letter-spacing: -0.02em;
    line-height: 1.3;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pf-showcase__product-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--foreground);
    letter-spacing: -0.03em;
    white-space: nowrap;
    flex-shrink: 0;
    background: var(--bg-muted);
    padding: 4px 12px;
    border-radius: 10px;
}

.pf-showcase__header {
    padding: 10px 16px 8px;
}

.pf-showcase__demo {
    max-height: 300px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 12px 8px;
}

/* Scale down demos to fit the compact space */
.pf-showcase__demo > * {
    transform: scale(0.72);
    transform-origin: top center;
    max-width: 100%;
}

/* ============================================
   Testimonial bar — centered below columns
   ============================================ */

.pf-testimonial-bar {
    text-align: center;
    padding: 16px 20px 8px;
}

.pf-testimonial-bar__stars {
    display: flex;
    justify-content: center;
    gap: 2px;
    margin-bottom: 6px;
}

.pf-testimonial-bar__stars svg {
    flex-shrink: 0;
}

.pf-testimonial-bar__quote {
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    color: var(--chakra-colors-gray-700);
    line-height: 1.5;
    max-width: 480px;
    margin: 0 auto;
    transition: opacity 0.4s ease;
    opacity: 1;
}

.pf-testimonial-bar__quote--fading {
    opacity: 0;
}

.pf-testimonial-bar__trust {
    font-size: 11px;
    font-weight: 500;
    color: var(--muted-foreground);
    letter-spacing: 0.01em;
    margin-top: 6px;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 767px) {
    .pf-showcase__demo {
        max-height: 220px;
        padding: 0 8px 6px;
    }

    .pf-showcase__demo > * {
        transform: scale(0.58);
    }

    .pf-showcase__product-row {
        padding: 12px 14px 0;
    }

    .pf-showcase__header {
        padding: 8px 14px 6px;
    }

    .pf-showcase__product-name {
        font-size: 14px;
    }

    .pf-showcase__product-price {
        font-size: 16px;
    }
}

.payment-modal-content {
    max-width: 480px;
    margin: 0 auto;
    background-color: var(--center-channel-bg);
}

.loading-spinner {
    width: 28px;
    height: 28px;
    border: 2.5px solid rgba(var(--center-channel-color-rgb), 0.06);
    border-radius: 50%;
    border-top-color: var(--center-channel-color);
    animation: pf-spin 0.7s linear infinite;
}

@keyframes pf-spin {
    to { transform: rotate(360deg); }
}

.payment-modal button {
    transition: all 0.15s ease;
}

.payment-modal .StripeElement {
    padding: 12px;
    border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);
    border-radius: 12px;
    background-color: var(--card);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.payment-modal .StripeElement--focus {
    border-color: var(--center-channel-color);
    box-shadow: 0 0 0 1px var(--center-channel-color);
}

.processing-dots:after {
    content: '';
    animation: pf-dots 1.5s infinite;
}

@keyframes pf-dots {
    0%, 20% { content: ''; }
    40% { content: '.'; }
    60% { content: '..'; }
    80%, 100% { content: '...'; }
}

.success-checkmark {
    animation: pf-scaleUp 0.4s ease-out;
}

@keyframes pf-scaleUp {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}

.fade-in {
    animation: pf-fadeIn 0.3s ease-in-out;
}

.slide-up {
    animation: pf-slideUp 0.3s ease-in-out;
}

@keyframes pf-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pf-slideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 769px) {
    .payment-modal-content {
        max-width: 820px;
    }
}

@media (min-width: 1200px) {
    .payment-modal-content {
        max-width: 1456px;
    }
}

.user-settings {
	min-height: 300px;
}
.user-settings .table-responsive {
	max-height: 300px;
	max-width: 560px;
}
.user-settings .authorized-apps__help {
	font-size: 13px;
	font-weight: 400;
	margin-top: 7px;
}
.user-settings .authorized-apps__wrapper {
	padding: 10px 0;
}
.user-settings .authorized-app {
	display: inline-block;
	width: 100%;
}
.user-settings .authorized-app:not(:last-child) {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.user-settings .authorized-app .authorized-app__name {
	font-weight: 600;
}
.user-settings .authorized-app .authorized-app__url {
	font-size: 13px;
	font-weight: 400;
}
.user-settings .authorized-app .authorized-app__description, .user-settings .authorized-app .authorized-app__deauthorize {
	font-size: 13px;
	margin: 5px 0;
}
.user-settings textarea {
	resize: vertical;
}
.modal .settings-modal {
	width: 800px;
}
.modal .settings-modal .modal-back {
	font-size: 27px;
	font-weight: normal;
	height: 40px;
	left: 0;
	line-height: 32px;
	position: absolute;
	text-align: center;
	top: 12px;
	width: 50px;
}
.modal .settings-modal .modal-back .fa {
	height: 100%;
	left: 0;
	line-height: inherit;
	position: absolute;
	width: 100%;
}
.modal .settings-modal .modal-body {
	margin: 0 auto;
	min-height: calc(100% - 62px);
	padding: 0;
}
.modal .settings-modal li {
	list-style: none;
}
.modal .settings-modal label {
	font-weight: 600;
}
.modal .settings-modal label.text-left {
	text-align: left;
}
.modal .settings-modal label.has-error {
	font-weight: normal;
}
.modal .settings-modal .no-padding--left {
	padding-left: 0;
}
.modal .settings-modal .profile-img {
	border-radius: 100%;
	height: 128px;
	width: 128px;
}
.modal .settings-modal .profile-img-preview {
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 100%;
	height: 128px;
	width: 128px;
}
.modal .settings-modal .profile-img__container {
	height: 128px;
	position: relative;
	width: 128px;
}
.modal .settings-modal .profile-img__remove {
	border-radius: 50%;
	background: #000;
	color: #fff;
	height: 26px;
	position: absolute;
	right: 8px;
	text-decoration: none;
	top: 4px;
	width: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	padding: 0;
}
.modal .settings-modal .profile-img__remove span {
	font-size: 22px;
	margin-top: -3px;
}
.modal .settings-modal .team-img-preview, .modal .settings-modal .team-img__container {
	height: 128px;
	position: relative;
	width: 128px;
}
.modal .settings-modal .team-img-preview img, .modal .settings-modal .team-img__container img {
	height: auto;
	width: 100%;
}
.modal .settings-modal .team-img-preview .img-preview__image, .modal .settings-modal .team-img__container .img-preview__image {
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid alpha-color(#000, 0.15);
	overflow: hidden;
}
.modal .settings-modal .team-img-preview div, .modal .settings-modal .team-img__container div {
	-webkit-background-size: cover;
	background-size: cover;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.modal .settings-modal .team-img__remove {
	border-radius: 50%;
	background: #000;
	color: #fff;
	height: 24px;
	line-height: 23px;
	position: absolute;
	right: -8px;
	text-align: center;
	text-decoration: none;
	top: -8px;
	width: 24px;
	border: none;
	padding: 0;
}
.modal .settings-modal .team-img__remove span {
	font-size: 22px;
	margin-top: -3px;
}
.modal .settings-modal .settings-table {
	display: table;
	margin: 0 auto;
	max-width: 1000px;
	table-layout: fixed;
	width: 100%;
}
.modal .settings-modal .settings-table > div {
	display: table-cell;
	vertical-align: top;
}
.modal .settings-modal .settings-table .nav {
	position: fixed;
	width: 179px;
}
.modal .settings-modal .settings-table .nav.position--top {
	top: 57px;
}
.modal .settings-modal .settings-table .security-links {
	margin-right: 20px;
}
.modal .settings-modal .settings-table .security-links .fa {
	margin-right: 6px;
}
.modal .settings-modal .settings-table .settings-links {
	width: 180px;
}
.modal .settings-modal .settings-table .settings-content {
	padding: 0 20px 30px;
}
.modal .settings-modal .settings-table .settings-content .modal-header {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .section-max {
	background: rgba(0, 0, 0, .05);
	margin-bottom: 0;
	padding: 1em 0 1.3em;
}
.modal .settings-modal .settings-table .settings-content .section-max:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.modal .settings-modal .settings-table .settings-content .section-max .section-title {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 20px;
}
.modal .settings-modal .settings-table .settings-content .timezone-container {
	overflow: visible;
	display: table;
	width: 100%;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-group .input-group-addon {
	padding: 4px 5px;
	width: 40px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-group img {
	border: 1px solid rgba(0, 0, 0, .15);
	width: 29px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .group--code select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	appearance: none;
	padding-right: 25px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .group--code:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f0d7';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	pointer-events: none;
	position: absolute;
	right: 50px;
	text-rendering: auto;
	top: 11px;
	z-index: 5;
}
.browser--ie .modal .settings-modal .settings-table .settings-content .appearance-section .group--code:before {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .premade-themes {
	margin-bottom: 10px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .premade-themes .theme-label {
	font-weight: 400;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .premade-themes img {
	border: 3px solid transparent;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .premade-themes img:hover {
	cursor: pointer;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .premade-themes .active img {
	border-color: #166de0;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements {
	padding-left: 16px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements .element {
	margin-right: 10px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements .element:nth-child(2n) {
	margin-right: 0;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__header {
	border-bottom: 1px solid;
	cursor: pointer;
	font-size: em(13.5px);
	font-weight: 600;
	margin: 10px 20px 0 0;
	padding: 1px 0 10px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__header .fa-minus {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__header.open .fa-minus {
	display: inline-block;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__header.open .fa-plus {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__header .header__icon {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	float: right;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__body {
	border-radius: 0 0 3px 3px;
	background-color: rgba(255, 255, 255, 0.05);
	margin: 0 20px 0 0;
	padding: 0 0 0 24px;
	transition: all 0.4s ease-out;
	max-height: 0;
	overflow-y: hidden;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__body:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .theme-elements__body.open {
	max-height: 1200px;
	margin: 0 20px 0 0;
	padding: 24px 0 0 24px;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .custom-label {
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .input-group-addon {
	background: transparent;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .radio label {
	font-weight: 600;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .copy-theme-button {
	padding: 5px 8px;
	border: 1px solid v(link-color);
	text-decoration: none;
}
.modal .settings-modal .settings-table .settings-content .appearance-section .copy-theme-success {
	height: 30px;
	padding: 5px 12px;
	margin-left: 10px;
}
.modal .settings-modal .settings-table .settings-content .divider-dark {
	border-bottom: 1px solid #aaa;
}
.modal .settings-modal .settings-table .settings-content .divider-light {
	border-bottom: 1px solid lightgrey;
}
.modal .settings-modal .settings-table .settings-content .divider-light + .divider-light {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .divider-light + .divider-dark {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .setting-list {
	list-style-type: none;
	padding: 0;
}
.modal .settings-modal .settings-table .settings-content .setting-box__item:first-child {
	padding-top: 3px;
}
.modal .settings-modal .settings-table .settings-content .setting-box__item:last-child hr {
	display: none;
}
.modal .settings-modal .settings-table .settings-content .setting-box__token-id {
	margin: 4px 0;
}
.modal .settings-modal .settings-table .settings-content .setting-box__inline-error {
	margin-left: 5px;
}
.modal .settings-modal .settings-table .settings-content .setting-list__hint {
	margin-top: 20px;
}
.modal .settings-modal .settings-table .settings-content .fa-wrapper {
	margin: 0 5px;
}
.modal .settings-modal .settings-table .settings-content .resend-verification-wrapper:before {
	content: "\00a0 ";
}
.modal .settings-modal .settings-table .settings-content .mentions-input {
	margin-top: 10px;
}
.modal .settings-modal .settings-table .settings-content .setting-list-item {
	margin-top: 7px;
}
.modal .settings-modal .settings-table .settings-content .has-error {
	color: #a94442;
}
.modal .settings-modal .settings-table .settings-content .file-status {
	color: var(--text);
	font-size: 13px;
	margin-top: 8px;
}
.modal .settings-modal .settings-table .settings-content .confirm-import {
	margin: 10px 0;
	padding: 4px 10px;
}
.modal .settings-modal .disabledMessage {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 15px;
	margin-top: 10px;
}
.modal .settings-modal .nav-pills > li button {
	color: rgba(0, 1, 0, );
}
.modal .nav-pills > li {
	margin: 0;
}
.modal .nav-pills > li button {
	border-radius: 0;
	color: rgba(0, 0, 0, .3);
	overflow: hidden;
	padding: 8px 15px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.modal .nav-pills > li .icon {
	font-size: 15px;
	margin-right: 10px;
	text-align: center;
	top: 2px;
	width: 14px;
}
.modal .nav-pills > li:hover button {
	background-color: rgba(0, 0, 0, .1);
}
.modal .nav-pills > li.active div {
	background-color: #e1e1e1;
	color: var(--text-emphasis);
}
.modal .nav-pills > li.active div:before {
	background: #000;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.modal .nav-pills > li.active button, .modal .nav-pills > li.active button:hover, .modal .nav-pills > li.active button:focus {
	background-color: rgba(0, 0, 0, .1);
	border-radius: 0;
	font-weight: 400;
	position: relative;
}
.modal h3 {
	font-size: em(20px);
}
.channel-settings {
	padding: 0 10px;
}
.tab-header {
	margin-bottom: 1em;
}
.setting-name {
	color: grey;
	font-weight: 500;
}
.sel-btn {
	margin-right: 5px;
}
.member-div {
	border-bottom: 1px solid lightgrey;
	margin: 0;
	padding: 2px;
	position: relative;
	width: 100%;
}
.member-div:first-child {
	border-top: 1px solid lightgrey;
}
.member-div .post-profile-img {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	margin-right: 8px;
}
.member-role .fa, .member-drop .fa {
	font-size: 16px;
	margin: 0 0 0 4px;
}
.member-role .member-menu, .member-drop .member-menu {
	right: 0;
	top: 24px;
}
.member-invite {
	position: absolute;
	right: 10px;
	top: 7px;
}
.member-menu {
	left: auto;
	right: 0;
}
.member-list {
	overflow-x: visible;
	width: 100%;
}
.member-page {
	padding-top: 50px;
}
.active-border {
	border: 1px solid red;
}
.color-btn {
	margin: 4px;
}
.no-resize {
	resize: none;
}
.user-settings__submit-checkbox {
	padding-top: 0px;
	padding-bottom: 20px;
}
.section-min {
	padding: 1em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.section-min:hover {
	background: #f9f9f9;
}
.section-min:hover .fa {
	display: inline-block;
}
.section-min:hover .section-min__edit {
	text-decoration: underline;
}
.section-min .d-flex {
	justify-content: space-between;
}
.section-min__title {
	font-weight: 600;
	margin: 0 0 5px;
	padding-right: 50px;
	font-size: 14px;
	line-height: 20px;
}
.section-min__edit {
	margin-bottom: 5px;
	text-align: right;
}
.section-min__edit .fa {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	display: none;
	font-size: 12px;
	margin-right: 5px;
}
.section-min__describe {
	overflow: hidden;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	text-overflow: ellipsis;
	white-space: pre;
}

/* mobile styles*/


 .Avatar {
	 -webkit-user-select: none;
	/* Chrome all / Safari all */
	 -moz-user-select: none;
	/* Firefox all */
	 -ms-user-select: none;
	/* IE 10+ */
	 user-select: none;
	 vertical-align: sub;
 }

 .Avatar-xxs {
		 width: 16px;
		 min-width: 16px;
		 height: 16px;
		 font-size: 8px;
	}
	 .Avatar-xs {
		 width: 20px;
		 min-width: 20px;
		 height: 20px;
		 font-size: 9.5px;
	}
	 .Avatar-sm {
		 width: 24px;
		 min-width: 24px;
		 height: 24px;
		 font-size: 10px;
	}
	 .Avatar-md {
		 width: 32px;
		 min-width: 32px;
		 height: 32px;
		 font-size: 12px;
	}
	 .Avatar-lg {
		 width: 36px;
		 min-width: 36px;
		 height: 36px;
		 font-size: 14px;
	}
	 .Avatar-xl {
		 width: 50px;
		 min-width: 50px;
		 height: 50px;
		 font-size: 18px;
	}
	 .Avatar-xxl {
		 width: 128px;
		 min-width: 128px;
		 height: 128px;
		 font-size: 44px;
	}
	 .Avatar-plain {
		 position: relative;
		 display: inline-flex;
		 align-items: center;
		 justify-content: center;
		 background: white;
	}
	 .Avatar-plain::before {
		 position: absolute;
		 display: inline-flex;
		 width: 100%;
		 height: 100%;
		 align-items: center;
		 justify-content: center;
		 border-radius: 50%;
		 color: rgba(0, 1, 0, );
		 content: attr(data-content);
	}

 
.user-popover__set-custom-status-btn {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--link-color);
}

.user-profile-popover__heading {
    font-weight: 600;
}

.Badge {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 4px;
}
.Badge__box {
    padding: 1px 4px;
    border: none;
    background: var(--center-channel-color-16);
    border-radius: 2px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
}
.Badge__box.BotBadge, .Badge__box.GuestBadge {
    padding: 2px 4px;
}

/**
 * DataCollectionPrompt - Professional Light Grayscale Design
 * 
 * Inspired by: Uber, Trade Republic, Apple, shadcn/UI
 * Design: Minimal, clean, unobtrusive
 * Typography: System fonts, clean hierarchy
 */

/* ==================== CSS Variables ==================== */

.DataPrompt {
    --prompt-bg: var(--card);
    --prompt-bg-subtle: var(--bg-subtle);
    --prompt-border: var(--border);
    --prompt-border-focus: var(--border-emphasis);
    --prompt-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    --prompt-shadow-hover: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
    --prompt-radius: 12px;
    --prompt-radius-sm: 8px;
    --prompt-text-primary: var(--text-emphasis);
    --prompt-text-secondary: var(--text);
    --prompt-text-muted: var(--text-muted);
    --prompt-accent: var(--text-emphasis);
    --prompt-accent-soft: var(--text);
    --prompt-success: #22c55e;
    --prompt-success-bg: #f0fdf4;
    --prompt-error: #ef4444;
    --prompt-input-bg: var(--bg-subtle);
    --prompt-input-border: var(--border);
    --prompt-divider: var(--border-subtle);
    
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Roboto', sans-serif;
    background: var(--prompt-bg);
    border: 1px solid var(--prompt-border);
    border-radius: var(--prompt-radius);
    box-shadow: var(--prompt-shadow);
    overflow: hidden;
    max-width: 380px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==================== Position Variants ==================== */

.DataPrompt--bottom {
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    z-index: 99999 !important;
    animation: promptSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.DataPrompt--top {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    animation: promptSlideInTop 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.DataPrompt--inline {
    position: relative;
    margin: 12px 0;
    animation: promptFadeIn 0.3s ease;
}

/* ==================== Style Variants ==================== */

.DataPrompt--card {
    /* Default card styling is in base */
}

.DataPrompt--banner {
    max-width: 100%;
    border-radius: var(--prompt-radius-sm);
}

.DataPrompt--banner .DataPrompt__header {
    padding: 10px 14px;
}

.DataPrompt--banner .DataPrompt__content {
    padding: 6px 14px 12px;
}

/* ==================== Header ==================== */

.DataPrompt__header {
    padding: 14px 14px 6px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.DataPrompt__headerContent {
    flex: 1;
    min-width: 0;
}

.DataPrompt__title {
    font-size: 15px;
    font-weight: 600;
    color: var(--prompt-text-primary);
    letter-spacing: -0.02em;
    line-height: 1.35;
    margin: 0;
}

.DataPrompt__closeBtn {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--prompt-text-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
    margin: -4px -4px 0 0;
}

.DataPrompt__closeBtn:hover {
    background: var(--prompt-bg-subtle);
    color: var(--prompt-text-secondary);
}

.DataPrompt__closeBtn svg {
    width: 14px;
    height: 14px;
}

/* ==================== Content ==================== */

.DataPrompt__content {
    padding: 4px 14px 14px;
}

.DataPrompt__description {
    font-size: 13px;
    color: var(--prompt-text-secondary);
    line-height: 1.5;
    margin: 0 0 12px;
}

.DataPrompt__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ==================== Form Controls ==================== */

.DataPrompt__fieldLabel {
    font-size: 12px;
    font-weight: 500;
    color: var(--prompt-text-secondary);
    margin-bottom: 4px;
    letter-spacing: 0.01em;
}

.DataPrompt__input,
.DataPrompt__select {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    color: var(--prompt-text-primary);
    background: var(--prompt-input-bg);
    border: 1px solid var(--prompt-input-border);
    border-radius: var(--prompt-radius-sm);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    -webkit-appearance: none;
    appearance: none;
}

.DataPrompt__input::placeholder {
    color: var(--prompt-text-muted);
}

.DataPrompt__input:hover,
.DataPrompt__select:hover {
    border-color: var(--border-emphasis);
}

.DataPrompt__input:focus,
.DataPrompt__select:focus {
    border-color: var(--prompt-border-focus) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03) !important;
    background: var(--prompt-bg) !important;
}

.DataPrompt__select {
    padding-right: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

/* Checkbox styling */
.DataPrompt__checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    margin: 0 -10px;
    border-radius: var(--prompt-radius-sm);
    cursor: pointer;
    transition: background 0.15s ease;
}

.DataPrompt__checkbox:hover {
    background: var(--prompt-bg-subtle);
}

.DataPrompt__checkboxBox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1.5px solid var(--prompt-input-border);
    background: var(--prompt-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.DataPrompt__checkboxBox--checked {
    background: var(--prompt-checkbox-checked-bg, var(--text-emphasis));
    border-color: var(--prompt-checkbox-checked-bg, var(--text-emphasis));
}

.DataPrompt__checkboxBox svg {
    width: 12px;
    height: 12px;
    color: var(--prompt-checkbox-check-color, var(--bg));
}

.DataPrompt__checkboxLabel {
    font-size: 13px;
    color: var(--prompt-text-primary);
    line-height: 1.4;
}

/* ==================== Actions ==================== */

.DataPrompt__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--prompt-divider);
}

.DataPrompt__btn {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.DataPrompt__btn--secondary {
    background: transparent;
    color: var(--prompt-text-muted);
}

.DataPrompt__btn--secondary:hover {
    background: var(--prompt-bg-subtle);
    color: var(--prompt-text-secondary);
}

.DataPrompt__btn--primary {
    background: var(--prompt-accent);
    color: var(--bg);
    min-width: 72px;
}

.DataPrompt__btn--primary:hover {
    background: var(--prompt-accent-soft);
}

.DataPrompt__btn--primary:active {
    transform: scale(0.98);
}

.DataPrompt__btn--primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ==================== Success State ==================== */

.DataPrompt__success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 0;
    text-align: center;
}

.DataPrompt__successIcon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--prompt-success-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.DataPrompt__successIcon svg {
    width: 20px;
    height: 20px;
    color: var(--prompt-success);
}

.DataPrompt__successText {
    font-size: 13px;
    color: var(--prompt-text-secondary);
}

/* ==================== Error State ==================== */

.DataPrompt__error {
    font-size: 11px;
    color: var(--prompt-error);
    margin-top: 4px;
}

/* ==================== Mobile Styles ==================== */

/* Mobile: account for bottom tab bar on Toni dashboard */
@media screen and (max-width: 768px) {
    .DataPrompt--bottom,
    .DataPrompt--top {
        left: 12px;
        right: 12px;
        max-width: none;
    }
    
    .DataPrompt--bottom {
        /* Account for bottom tab bar (~56px) + safe area + margin */
        bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }
    
    .DataPrompt--top {
        top: 12px;
    }
}

/* Mobile bottom sheet variant */
.DataPrompt--mobile.DataPrompt--slide-up {
    position: fixed !important;
    bottom: 0 !important;
    left: 0;
    right: 0;
    max-width: none;
    border-radius: 16px 16px 0 0;
    border-bottom: none;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.1);
    animation: promptSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    padding-bottom: env(safe-area-inset-bottom, 8px);
    z-index: 99999 !important;
}

.DataPrompt--mobile.DataPrompt--slide-up::before {
    content: '';
    display: block;
    width: 36px;
    height: 4px;
    background: var(--border);
    border-radius: 2px;
    margin: 8px auto 4px;
}

.DataPrompt--mobile .DataPrompt__header {
    padding: 12px 16px 6px;
}

.DataPrompt--mobile .DataPrompt__content {
    padding: 4px 16px 16px;
}

.DataPrompt--mobile .DataPrompt__title {
    font-size: 16px;
}

.DataPrompt--mobile .DataPrompt__input,
.DataPrompt--mobile .DataPrompt__select {
    height: 44px;
    font-size: 16px; /* Prevents iOS zoom */
}

.DataPrompt--mobile .DataPrompt__btn {
    padding: 10px 16px;
    font-size: 14px;
}

/* ==================== Animations ==================== */

@keyframes promptSlideIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes promptSlideInTop {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes promptSlideUp {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

/* ==================== Hover States (Desktop) ==================== */

@media (hover: hover) {
    .DataPrompt:hover {
        box-shadow: var(--prompt-shadow-hover);
    }
}

/* ==================== Dark Mode ==================== */

html.dark .DataPrompt {
    --prompt-bg: #1c1c1e;
    --prompt-bg-subtle: #2c2c2e;
    --prompt-border: #38383a;
    --prompt-border-focus: #636366;
    --prompt-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.3);
    --prompt-shadow-hover: 0 2px 8px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.4);
    --prompt-text-primary: #f5f5f7;
    --prompt-text-secondary: #a1a1a6;
    --prompt-text-muted: #636366;
    --prompt-accent: #f5f5f7;
    --prompt-accent-soft: #e5e5e7;
    --prompt-input-bg: #2c2c2e;
    --prompt-input-border: #38383a;
    --prompt-divider: #38383a;
    --prompt-success-bg: rgba(34, 197, 94, 0.15);
    --prompt-checkbox-checked-bg: #f5f5f7;
    --prompt-checkbox-check-color: #1c1c1e;
}

html.dark .DataPrompt__btn--primary {
    color: #1c1c1e;
}

html.dark .DataPrompt__select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

html.dark .DataPrompt--mobile.DataPrompt--slide-up::before {
    background: #48484a;
}

/* ==================== Reduced Motion ==================== */

@media (prefers-reduced-motion: reduce) {
    .DataPrompt,
    .DataPrompt--bottom,
    .DataPrompt--top,
    .DataPrompt--slide-up {
        animation: none;
    }
    
    .DataPrompt,
    .DataPrompt__input,
    .DataPrompt__select,
    .DataPrompt__btn,
    .DataPrompt__closeBtn,
    .DataPrompt__checkbox,
    .DataPrompt__checkboxBox {
        transition: none;
    }
}

/* ==================== Print ==================== */

@media print {
    .DataPrompt {
        display: none !important;
    }
}

.UserSurveysPage {
  margin-top: 20px;
}

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

.gradient-text {
  background: linear-gradient(
    270deg,
    #d2e5f8,
    #b4dbf7,
    #bce5f5,
    #d4fcfc,
    #fce2fc
  );
  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: gradientAnimation 8s ease infinite;
  display: inline-block;
}
/* ============================================
   ToniLandingPageB — A/B variant
   All values from index.css / shadcn-variables.css.
   No hardcoded colors, spacing, radii, or shadows.
   ============================================ */

/* --- PAGE --- */
.tlb-page {
  background: var(--bg);
  color: var(--foreground);
  font-family: var(--font-sans);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tlb-container {
  max-width: var(--size-page-wrapper-1312);
  margin: 0 auto;
  padding: 0 var(--spacing-6);
}

/* --- SITE HEADER --- */
.tlb-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-subtle);
}

.tlb-site-header__inner {
  min-height: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-4);
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}

.tlb-site-header__brand {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-3);
  text-decoration: none;
  color: var(--foreground);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-sm);
}

.tlb-site-header__brand-mark {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--foreground);
  color: var(--background);
  font-size: var(--font-size-base);
}

.tlb-site-header__brand-text {
  font-size: var(--font-size-base);
}

.tlb-site-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-3);
}

.tlb-site-header__button {
  white-space: nowrap;
}

.tlb-account-menu {
  position: relative;
}

.tlb-account-menu__trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-3);
  border: 1px solid var(--border-subtle);
  background: var(--bg);
  color: var(--foreground);
  border-radius: var(--radius-full);
  padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);
  cursor: pointer;
  font: inherit;
}

.tlb-account-menu__trigger:hover {
  background: var(--bg-muted);
}

.tlb-account-menu__name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}

.tlb-account-menu__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--foreground);
  color: var(--background);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

.tlb-account-menu__panel {
  position: absolute;
  right: 0;
  top: calc(100% + var(--spacing-2));
  min-width: 16rem;
  border-radius: var(--size-border-radius-4);
  border: 1px solid var(--border-subtle);
  background: var(--bg);
  box-shadow: var(--shadow-xl);
  padding: var(--spacing-2);
}

.tlb-account-menu__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: none;
  background: transparent;
  color: var(--foreground);
  border-radius: var(--size-border-radius-2);
  padding: var(--spacing-3) var(--spacing-4);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-sm);
  text-align: left;
}

.tlb-account-menu__item:hover {
  background: var(--bg-muted);
}

.tlb-account-menu__item:disabled {
  cursor: wait;
  opacity: 0.72;
}

.tlb-account-menu__item--danger {
  color: var(--danger, #b42318);
}

.tlb-account-menu__item--danger:hover {
  background: rgba(180, 35, 24, 0.08);
}

.tlb-account-menu__divider {
  height: 1px;
  background: var(--border-subtle);
  margin: var(--spacing-2) 0;
}

/* ============================================
   MEDIA SHOWCASE

   Structure:
     .tlb-showcase                 (light gray bg, rounded, padding)
       .tlb-showcase__text         (1/3 — heading, subheading, cta)
       .tlb-showcase__media        (2/3 — stage + overlay)
         .tlb-showcase__stage      (rounded bg image container)
           img.stage-bg            (background image, sets height)
           .tlb-showcase__overlay  (centered at ~85%)
             video / img / children

   Modes:
     default       → text left, media right
     --reverse     → text right, media left
     --full        → no text column, media 100%
   ============================================ */
.tlb-showcase {
  background: var(--bg-muted);
  border-radius: var(--size-border-radius-4);
  padding: var(--spacing-12);
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

.tlb-showcase--reverse {
  flex-direction: row-reverse;
}

/* Showcase with its own background image (outer wrapper level) */
.tlb-showcase--has-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* When showcase has bg image, stage is transparent and sized by aspect-ratio */
.tlb-showcase--has-bg .tlb-showcase__stage {
  background: transparent;
  aspect-ratio: 16 / 9;
  min-height: 480px;
}

/* --- Card mode: vertical stack (text top, media bottom) --- */
.tlb-showcase--card {
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  border-radius: var(--size-border-radius-8, 16px);
  border: 1px solid var(--border-subtle);
  overflow: hidden;
  gap: 0;
}

.tlb-showcase--card .tlb-showcase__text {
  flex: none;
  max-width: 100%;
  padding: var(--spacing-6);
}

.tlb-showcase--card .tlb-showcase__media {
  flex: none;
  max-width: 100%;
  margin-top: auto;
}

.tlb-showcase--card .tlb-showcase__stage {
  border-radius: 0;
  height: 420px;
}

.tlb-showcase--card .tlb-showcase__stage-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tlb-showcase--card .tlb-showcase__overlay--component {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}

.tlb-showcase--card .tlb-showcase__overlay--component > * {
  transform: scale(0.62);
  transform-origin: center center;
  flex-shrink: 0;
}

/* --- Card row: multiple showcases side-by-side --- */
.tlb-showcase-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-6);
  align-items: stretch;
}

/* --- Text column: 1/3 --- */
.tlb-showcase__text {
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.tlb-showcase__heading {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.3;
  color: var(--foreground);
  margin: 0;
  text-wrap: pretty;
}

/* Same size as heading, lighter color */
.tlb-showcase__subheading {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.3;
  color: var(--muted-foreground);
  margin: 0 0 var(--spacing-6);
  text-wrap: pretty;
}

/* CTA — styled as a text link, not a button */
.tlb-showcase__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  color: var(--foreground);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-sans);
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  transition: color var(--transition-duration) var(--transition-timing-function);
}

.tlb-showcase__cta:hover {
  color: var(--accent);
}

.tlb-showcase__cta svg {
  transition: transform var(--transition-duration) var(--transition-timing-function);
}

.tlb-showcase__cta:hover svg {
  transform: translateX(var(--spacing-1));
}

/* --- Media column: 2/3 --- */
.tlb-showcase__media {
  flex: 0 0 66.666%;
  max-width: 66.666%;
}

/* Full-width mode: no text, media takes 100% */
.tlb-showcase--full .tlb-showcase__media {
  flex: 1 1 100%;
  max-width: 100%;
}

/* ============================================
   HERO VARIANT — full-screen-width, edge-to-edge
   No border-radius. Vertical padding lives on the
   columns so the media image fills from the very top.
   ============================================ */
.tlb-showcase--hero {
  border-radius: 0;
  background: var(--bg);
  padding: 0 0;            /* no vertical padding on the wrapper */
  align-items: stretch;    /* both columns fill full hero height  */
  gap: 0;
}

/* Text column: own vertical padding + centered content */
.tlb-showcase--hero .tlb-showcase__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--size-spacing-64) var(--spacing-12);
}

/* Media column: flex column so the stage can stretch */
.tlb-showcase--hero .tlb-showcase__media {
  display: flex;
  flex-direction: column;
}

/* Hero heading: matches the old tlb-hero__title scale */
.tlb-showcase--hero .tlb-showcase__heading {
  font-size: var(--size-font-26);
  font-weight: var(--font-weight-normal);
  line-height: 1.1;
  letter-spacing: var(--letter-spacing-md);
  margin: 0 0 var(--spacing-2);
  max-width: var(--size-page-wrapper-768);
}

/* Hero subheading: matches old tlb-hero__subtitle scale */
.tlb-showcase--hero .tlb-showcase__subheading {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  margin: 0 0 var(--spacing-8);
  max-width: 36rem;
}

/* Stage fills the entire media column height, flush to edges */
.tlb-showcase--hero .tlb-showcase__stage {
  flex: 1;
  border-radius: 0;
  aspect-ratio: unset;
  background: var(--bg-muted);
}

/* Demo card centred vertically inside the full-height stage */
.tlb-showcase--hero .tlb-showcase__overlay--component {
  flex: 1;
  padding: var(--spacing-10);
  align-items: center;
}

/* --- Stage: rounded container with background image --- */
.tlb-showcase__stage {
  position: relative;
  border-radius: var(--size-border-radius-4);
  overflow: hidden;
  background: var(--bg-subtle);
}

/* When no bg image, maintain proportions */
.tlb-showcase__stage--empty {
  aspect-ratio: 4 / 3;
}

.tlb-showcase__stage-bg {
  width: 100%;
  height: auto;
  display: block;
}

/* --- Overlay: centered content at ~85% of stage --- */
.tlb-showcase__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
}

.tlb-showcase__overlay video,
.tlb-showcase__overlay img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--size-border-radius-4);
}

/*
 * Component overlays sit in normal flow so the stage grows to contain them.
 * The bg image becomes an absolute cover layer behind the content.
 */
.tlb-showcase__stage:has(.tlb-showcase__overlay--component) .tlb-showcase__stage-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tlb-showcase__overlay--component {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 100%;
  max-width: none;
  padding: 40px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================
   SHARED TEXT
   ============================================ */
.tlb-tag {
  display: inline-block;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-full);
  padding: var(--spacing-1) var(--spacing-3);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--muted-foreground);
  margin-bottom: var(--spacing-4);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.tlb-heading-lg {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.2;
  letter-spacing: var(--letter-spacing-md);
  color: var(--foreground);
  margin: 0 0 var(--spacing-3);
  text-wrap: balance;
}

.tlb-body {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--muted-foreground);
  margin: 0;
}

/* --- BUTTONS --- */
.tlb-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  border-radius: var(--radius-full);
  padding: var(--spacing-3) var(--spacing-6);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background var(--transition-duration) var(--transition-timing-function);
  text-decoration: none;
  line-height: var(--line-height-sm);
  border: none;
}

.tlb-btn--primary {
  background: var(--foreground);
  color: var(--background);
}

.tlb-btn--primary:hover {
  background: var(--primary-hover);
}

.tlb-btn--secondary {
  background: transparent;
  color: var(--foreground);
  border: 1px solid var(--border-subtle);
}

.tlb-btn--secondary:hover {
  background: var(--bg-muted);
}

/* ============================================
   HERO
   ============================================ */
.tlb-hero {
  text-align: left;
  padding: var(--size-spacing-64) 0 var(--size-spacing-40);
}

.tlb-hero__title {
  font-size: var(--size-font-26);
  font-weight: var(--font-weight-normal);
  line-height: 1.1;
  letter-spacing: var(--letter-spacing-md);
  color: var(--foreground);
  margin: 0 0 var(--spacing-2);
  max-width: var(--size-page-wrapper-768);
  text-wrap: balance;
}

.tlb-hero__subtitle {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  color: var(--muted-foreground);
  margin: 0 0 var(--spacing-8);
  max-width: 36rem;
}

.tlb-hero__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-3);
}

/* ============================================
   SECTION SPACING
   ============================================ */
.tlb-section {
  padding: var(--size-spacing-80) 0;
}

.tlb-section-header {
  text-align: center;
  max-width: var(--size-page-wrapper-768);
  margin: 0 auto var(--spacing-12);
}

.tlb-family-intro {
  text-align: left;
  max-width: 640px;
  padding-top: var(--size-spacing-80);
}

.tlb-family-intro__heading {
  font-size: var(--size-font-26);
  font-weight: var(--font-weight-normal);
  line-height: 1.1;
  letter-spacing: var(--letter-spacing-md);
  color: var(--foreground);
  margin: 0 0 var(--spacing-2);
  white-space: nowrap;
}

.tlb-family-intro__sub {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  color: var(--muted-foreground);
  max-width: 36rem;
  margin: 0;
}

/* ============================================
   STEP CARDS (3-column)
   ============================================ */
.tlb-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-6);
  align-items: stretch;
}

.tlb-step-card {
  background: var(--card);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tlb-step-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.tlb-step-card__image {
  width: 100%;
  height: 280px;
  overflow: hidden;
  position: relative;
}

.tlb-step-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.tlb-step-card__body {
  padding: var(--spacing-6);
}

.tlb-step-card__number {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--accent, #0d9488);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 var(--spacing-2);
}

.tlb-step-card__subtitle {
  font-size: var(--font-size-xs, 12px);
  font-weight: var(--font-weight-normal);
  color: var(--muted-foreground);
  text-transform: none;
  letter-spacing: 0;
}

.tlb-step-card__title {
  font-size: var(--font-size-lg, 18px);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  color: var(--foreground);
  margin: 0 0 var(--spacing-2);
}

.tlb-step-card__desc {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
  color: var(--muted-foreground);
  margin: 0;
}

/* ============================================
   TESTIMONIALS
   ============================================ */
.tlb-testimonials {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-4);
}

.tlb-testimonial {
  background: var(--card);
  border-radius: 8px;
  border: 1px solid var(--border);
  padding: 20px 24px;
  display: flex;
  align-items: center;
}

.tlb-testimonial__quote {
  font-size: 14px;
  line-height: 1.55;
  color: var(--foreground);
  margin: 0;
}

/* ============================================
   LOGO GARDEN
   ============================================ */
.tlb-section--compact {
  padding: var(--spacing-8) 0;
}

.tlb-logo-garden__heading {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--muted-foreground);
  text-align: center;
  margin: 0 0 var(--spacing-4);
}

.tlb-logo-garden {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: stretch;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.tlb-logo-garden::-webkit-scrollbar {
  display: none;
}

.tlb-logo-garden__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 44px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-emphasis);
  letter-spacing: 0.02em;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ============================================
   FINAL CTA
   ============================================ */
.tlb-cta {
  text-align: center;
  padding: var(--size-spacing-80) 0;
}

.tlb-cta__title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-normal);
  line-height: 1.2;
  letter-spacing: var(--letter-spacing-md);
  color: var(--foreground);
  margin: 0 0 var(--spacing-3);
  text-wrap: balance;
}

.tlb-cta__subtitle {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--muted-foreground);
  margin: 0 0 var(--spacing-8);
}

/* ============================================
   PERSONALIZATION GRID (4-column image cards)
   ============================================ */
.tlb-perso-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-6);
  align-items: stretch;
}

.tlb-perso-card {
  background: var(--card);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tlb-perso-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.tlb-perso-card__image {
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.tlb-perso-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.tlb-perso-card__body {
  padding: var(--spacing-5, 20px) var(--spacing-6);
}

.tlb-perso-card__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  color: var(--foreground);
  margin: 0 0 var(--spacing-2);
}

.tlb-perso-card__desc {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
  color: var(--muted-foreground);
  margin: 0;
}

/* ============================================
   FULL-BLEED HERO CTA (final section)
   ============================================ */
.tlb-hero-final {
  position: relative;
  width: 100%;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tlb-hero-final__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

.tlb-hero-final__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.4) 100%
  );
  z-index: 1;
}

.tlb-hero-final__content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: var(--size-page-wrapper-768);
  padding: 80px 24px;
}

.tlb-hero-final__heading {
  font-size: clamp(1.75rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #fff;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
  margin: 0 0 var(--spacing-4);
}

.tlb-hero-final__sub {
  font-size: var(--font-size-lg, 18px);
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 var(--spacing-8);
}

.tlb-hero-final__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 40px;
  border-radius: var(--radius-full, 9999px);
  background: var(--card);
  color: var(--text-emphasis);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sans);
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: var(--spacing-10, 40px);
}

.tlb-hero-final__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.tlb-hero-final__values {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-6);
}

.tlb-hero-final__values span {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.02em;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
  .tlb-site-header__inner {
    flex-wrap: wrap;
  }

  .tlb-site-header__actions {
    width: 100%;
  }

  .tlb-hero {
    padding: var(--size-spacing-40) 0 var(--spacing-12);
  }

  .tlb-hero__title {
    font-size: var(--size-font-20);
  }

  .tlb-showcase--hero {
    min-height: unset !important;
    gap: 0;
  }

  .tlb-showcase--hero .tlb-showcase__text {
    padding: var(--size-spacing-40) var(--spacing-4) var(--spacing-8);
  }

  .tlb-showcase--hero .tlb-showcase__heading {
    font-size: var(--size-font-20);
  }

  .tlb-showcase--hero .tlb-showcase__overlay--component {
    padding: var(--spacing-6);
  }

  /* Showcase stacks on mobile: text above media */
  .tlb-showcase {
    flex-direction: column;
    padding: 0;
    gap: 0;
    border-radius: var(--size-border-radius-8, 16px);
    border: 1px solid var(--border-subtle);
    overflow: hidden;
  }

  .tlb-showcase--full {
    border: none;
    border-radius: 0;
  }

  .tlb-showcase:not(.tlb-showcase--full) .tlb-showcase__text {
    padding: var(--spacing-6);
  }

  .tlb-showcase:not(.tlb-showcase--full) .tlb-showcase__media {
    margin: 0;
    padding: 0;
  }

  .tlb-showcase:not(.tlb-showcase--full) .tlb-showcase__stage {
    border-radius: 0;
    margin: 0;
  }

  .tlb-showcase:not(.tlb-showcase--full) .tlb-showcase__overlay--component {
    padding: 0;
  }

  .tlb-showcase--card {
    padding: 0;
  }

  .tlb-showcase-row {
    grid-template-columns: 1fr;
  }

  .tlb-showcase__text,
  .tlb-showcase__media {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .tlb-showcase__overlay--component > * {
    transform: scale(0.75);
    transform-origin: center center;
  }

  .tlb-showcase--full .tlb-showcase__overlay--component {
    justify-content: flex-start;
  }

  .tlb-showcase--full .tlb-showcase__overlay--component > * {
    transform-origin: left center;
  }

  .tlb-showcase__heading,
  .tlb-showcase__subheading {
    font-size: var(--font-size-base);
  }

  .tlb-heading-lg {
    font-size: var(--font-size-2xl);
  }

  .tlb-bento-grid {
    grid-template-columns: 1fr;
  }

  .tlb-steps {
    grid-template-columns: 1fr;
  }

  .tlb-step-card__image {
    height: 220px;
  }

  .tlb-testimonials {
    grid-template-columns: repeat(2, 1fr);
  }

  .tlb-perso-grid {
    grid-template-columns: 1fr 1fr;
  }

  .tlb-perso-card__image {
    height: 180px;
  }

  .tlb-hero-final {
    min-height: auto;
  }

  .tlb-hero-final__content {
    padding: 60px 20px;
  }

  .tlb-hero-final__values {
    gap: var(--spacing-3) var(--spacing-5);
  }

  .tlb-hero-final__values span {
    font-size: 11px;
  }

  .tlb-section {
    padding: var(--size-spacing-48) 0;
  }

  .tlb-cta {
    padding: var(--size-spacing-48) 0;
  }
}

@media (max-width: 480px) {
  .tlb-site-header__brand-text {
    font-size: var(--font-size-sm);
  }

  .tlb-site-header__actions {
    gap: var(--spacing-2);
  }

  .tlb-site-header__button {
    padding-inline: var(--spacing-4);
  }

  .tlb-account-menu__name {
    display: none;
  }

  .tlb-account-menu__panel {
    min-width: 0;
    width: calc(100vw - var(--spacing-6) * 2);
    max-width: 18rem;
  }

  .tlb-testimonials {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   ToniCalendarDemo — One-click calendar integration
   Fixed-size card, clips via parent overflow:hidden.
   ============================================ */

.tcd {
  width: 380px;
  min-height: 400px;
  margin: 0 auto;
  background: var(--bg);
  border-radius: var(--size-border-radius-8);
  border: 1px solid var(--border-subtle);
  display: flex;
  flex-direction: column;
  font-family: var(--font-sans);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

/* --- Header --- */
.tcd__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  padding: 20px 24px 0;
}

.tcd__header-icon {
  width: 20px;
  height: 20px;
  color: var(--foreground);
  flex-shrink: 0;
}

.tcd__header-icon svg {
  width: 100%;
  height: 100%;
}

.tcd__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--foreground);
  margin: 0;
}

/* --- Subtitle --- */
.tcd__subtitle {
  font-size: var(--font-size-sm);
  color: var(--muted-foreground);
  margin: 6px 0 0;
  padding: 0 24px;
}

/* --- Provider list --- */
.tcd__providers {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 20px 24px 0;
  flex: 1;
}

.tcd__provider {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 12px;
  border-radius: var(--size-border-radius-8);
  cursor: default;
  transition: background 0.25s ease, opacity 0.4s ease, transform 0.2s ease;
  position: relative;
}

.tcd__provider + .tcd__provider {
  border-top: 1px solid var(--border-subtle);
}

/* Provider icon wrapper */
.tcd__provider-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--size-border-radius-8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tcd__provider-icon svg {
  width: 22px;
  height: 22px;
}

.tcd__provider-icon--apple {
  background: var(--chakra-colors-gray-700);
  color: var(--chakra-colors-gray-50);
}

.tcd__provider-icon--google {
  background: #eff6ff;
  color: #2563eb;
}

.tcd__provider-icon--outlook {
  background: #eef2ff;
  color: #6366f1;
}

/* Provider name */
.tcd__provider-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  flex: 1;
}

/* Chevron */
.tcd__provider-chevron {
  width: 16px;
  height: 16px;
  color: var(--muted-foreground);
  flex-shrink: 0;
  transition: opacity 0.3s ease;
}

.tcd__provider-chevron svg {
  width: 100%;
  height: 100%;
}

/* Spinner (replaces chevron during connecting) */
.tcd__provider-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-subtle);
  border-top-color: #0d9488;
  border-radius: 50%;
  animation: tcd-spin 0.7s linear infinite;
  flex-shrink: 0;
}

/* --- Phase: selecting --- */
.tcd__provider--selected {
  background: var(--bg-subtle, #fafafa);
  transform: scale(1.015);
}

/* --- Phase: connecting (dimmed rows) --- */
.tcd__provider--dimmed {
  opacity: 0.35;
}

/* --- Footer --- */
.tcd__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 16px 24px 20px;
}

.tcd__footer-icon {
  width: 12px;
  height: 12px;
  color: var(--muted-foreground);
  flex-shrink: 0;
}

.tcd__footer-icon svg {
  width: 100%;
  height: 100%;
}

.tcd__footer-text {
  font-size: 11px;
  color: var(--muted-foreground);
  margin: 0;
}

/* ============================================
   SUCCESS VIEW
   ============================================ */

.tcd__success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 32px 40px;
  flex: 1;
  animation: tcd-fade-in 0.5s ease-out both;
}

.tcd__check-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f0fdfa;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.tcd__check-circle svg {
  width: 32px;
  height: 32px;
}

.tcd__check-circle svg path {
  stroke: #0d9488;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  stroke-dasharray: 28;
  stroke-dashoffset: 28;
  animation: tcd-check-draw 0.5s ease-out 0.15s forwards;
}

.tcd__success-title {
  font-size: var(--font-size-lg, 18px);
  font-weight: var(--font-weight-semibold);
  color: var(--foreground);
  margin: 0 0 8px;
  text-align: center;
}

.tcd__success-body {
  font-size: var(--font-size-sm);
  color: var(--muted-foreground);
  margin: 0 0 28px;
  text-align: center;
  line-height: 1.5;
  max-width: 280px;
}

.tcd__success-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 32px;
  border-radius: var(--size-border-radius-8);
  background: #0d9488;
  color: var(--chakra-colors-gray-50);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  border: none;
  cursor: default;
}

/* ============================================
   OPTIONS VIEW WRAPPER (for fade-out)
   ============================================ */

.tcd__options {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ============================================
   FADE WRAPPER (resetting phase)
   ============================================ */

.tcd--fading .tcd__options,
.tcd--fading .tcd__success {
  animation: tcd-fade-out 0.6s ease-out forwards;
}

/* ============================================
   KEYFRAMES
   ============================================ */

@keyframes tcd-check-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes tcd-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tcd-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes tcd-spin {
  to { transform: rotate(360deg); }
}

/* ============================================
   ToniTimelineDemo — Upcoming appointments timeline
   Fixed-size card, clips via parent overflow:hidden.
   ============================================ */

.ttd {
  width: 480px;
  height: 520px;
  margin: 0 auto;
  background: var(--card);
  border-radius: 16px;
  border: 1px solid var(--chakra-colors-gray-200);
  display: flex;
  flex-direction: column;
  font-family: system-ui, -apple-system, sans-serif;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* --- Header --- */
.ttd__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
}

.ttd__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.ttd__badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 9999px;
  background: var(--bg-muted);
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
}

/* --- Timeline body --- */
.ttd__body {
  padding: 0 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* --- Month header --- */
.ttd__month {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0 8px;
}

.ttd__month:first-child {
  padding-top: 0;
}

.ttd__month-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--chakra-colors-gray-400);
  flex-shrink: 0;
  margin-left: 3px;
}

.ttd__month-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--chakra-colors-gray-500);
  margin: 0;
  text-transform: capitalize;
}

/* --- Timeline item row (dot + track + card) --- */
.ttd__item {
  display: flex;
  gap: 12px;
  position: relative;
}

/* Timeline dot column */
.ttd__track {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 14px;
  flex-shrink: 0;
  padding-top: 14px;
}

.ttd__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--bg);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}

.ttd__dot--high     { background: var(--text-emphasis); }
.ttd__dot--critical { background: var(--text-emphasis); }
.ttd__dot--medium   { background: var(--chakra-colors-gray-500); }
.ttd__dot--low      { background: var(--chakra-colors-gray-300); }

.ttd__line {
  width: 1px;
  flex: 1;
  background: var(--chakra-colors-gray-200);
  margin-top: 4px;
}

/* --- Reminder card --- */
.ttd__card {
  flex: 1;
  min-width: 0;
  background: var(--card);
  border: 1px solid var(--chakra-colors-gray-200);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.ttd__card:hover {
  background: var(--bg-subtle);
  border-color: var(--chakra-colors-gray-300);
}

/* Card left: text content */
.ttd__card-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ttd__card-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--chakra-colors-gray-800);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ttd__card-date {
  font-size: 12px;
  font-weight: 500;
  color: var(--chakra-colors-gray-500);
  margin: 0;
}

.ttd__card-date span {
  color: var(--chakra-colors-gray-400);
  font-weight: 400;
}

.ttd__card-desc {
  font-size: 12px;
  color: var(--chakra-colors-gray-400);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Card right: priority badge */
.ttd__priority {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 1px;
}

.ttd__priority--high,
.ttd__priority--critical {
  background: var(--text-emphasis);
  color: var(--bg);
}

.ttd__priority--medium {
  background: var(--chakra-colors-gray-200);
  color: var(--text);
}

.ttd__priority--low {
  background: var(--bg-muted);
  color: var(--text);
}

/* ============================================
   ANIMATION — items fade in on loop
   ============================================ */

.ttd__item--entering {
  animation: ttd-item-in 0.3s ease-out both;
}

.ttd__month--entering {
  animation: ttd-item-in 0.25s ease-out both;
}

.ttd--fading .ttd__body {
  animation: ttd-fade-out 0.5s ease-out forwards;
}

@keyframes ttd-item-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ttd-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* ============================================
   ToniChatDemo — Chat widget in family member card
   Fixed-size card, clips via parent overflow:hidden.
   ============================================ */

.tchd {
  width: 420px;
  height: 560px;
  margin: 0 auto;
  background: var(--card);
  border-radius: 16px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  font-family: system-ui, -apple-system, sans-serif;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* --- Member header --- */
.tchd__member {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

.tchd__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #3b82f6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}

.tchd__member-info {
  flex: 1;
  min-width: 0;
}

.tchd__member-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0;
}

.tchd__member-meta {
  font-size: 11px;
  color: var(--chakra-colors-gray-500);
  margin: 0;
}

.tchd__member-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  background: var(--bg-muted);
  color: var(--text);
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
}

/* --- Chat area --- */
.tchd__chat {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 16px 12px;
  overflow: hidden;
}

/* --- Message bubbles --- */
.tchd__msg {
  max-width: 90%;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}

.tchd__msg--entering {
  animation: tchd-msg-in 0.25s ease-out both;
}

/* User message */
.tchd__msg--user {
  background: var(--chakra-colors-gray-900);
  color: var(--chakra-colors-gray-50);
  align-self: flex-end;
}

/* AI message */
.tchd__msg--ai {
  background: var(--card);
  color: var(--chakra-colors-gray-900);
  border: 1px solid var(--border);
  align-self: flex-start;
}

/* AI avatar row */
.tchd__ai-row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  align-self: flex-start;
  max-width: 95%;
}

.tchd__toni-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--chakra-colors-gray-900);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--chakra-colors-gray-50);
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Confirmation message */
.tchd__confirm {
  align-self: center;
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tchd__confirm--entering {
  animation: tchd-msg-in 0.3s ease-out both;
}

.tchd__confirm svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* Tool execution card */
.tchd__tool {
  align-self: center;
  background: var(--bg-muted);
  color: var(--chakra-colors-gray-700);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tchd__tool--entering {
  animation: tchd-msg-in 0.25s ease-out both;
}

.tchd__tool-spinner {
  width: 12px;
  height: 12px;
  border: 2px solid var(--border);
  border-top-color: var(--chakra-colors-gray-500);
  border-radius: 50%;
  animation: tchd-spin 0.7s linear infinite;
}

/* --- Typing indicator --- */
.tchd__typing {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: flex-start;
}

.tchd__typing-dots {
  display: flex;
  gap: 3px;
  padding: 10px 14px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.tchd__typing-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--chakra-colors-gray-500);
  animation: tchd-typing 1.4s ease-in-out infinite;
}

.tchd__typing-dot:nth-child(2) { animation-delay: 0.2s; }
.tchd__typing-dot:nth-child(3) { animation-delay: 0.4s; }

/* --- Streaming cursor --- */
.tchd__cursor {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: var(--chakra-colors-gray-900);
  margin-left: 1px;
  vertical-align: text-bottom;
  animation: tchd-cursor-blink 1s step-end infinite;
}

/* --- Input bar (decorative) --- */
.tchd__input {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid var(--border);
  flex-shrink: 0;
}

.tchd__input-field {
  flex: 1;
  height: 34px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0 12px;
  font-size: 12px;
  color: var(--chakra-colors-gray-500);
  background: var(--bg-subtle);
  display: flex;
  align-items: center;
}

.tchd__input-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--chakra-colors-gray-900);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tchd__input-btn svg {
  width: 14px;
  height: 14px;
  color: var(--chakra-colors-gray-50);
}

/* --- Fade wrapper for loop reset --- */
.tchd--fading .tchd__chat {
  animation: tchd-fade-out 0.5s ease-out forwards;
}

/* ============================================
   KEYFRAMES
   ============================================ */

@keyframes tchd-msg-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tchd-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes tchd-typing {
  0%, 60%, 100% { opacity: 0.4; }
  30% { opacity: 1; }
}

@keyframes tchd-cursor-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes tchd-spin {
  to { transform: rotate(360deg); }
}

/* ============================================
   ToniEmailDemo — Minimal grayscale email preview
   ============================================ */

.temd {
  width: 410px;
  height: 480px;
  margin: 0 auto;
  background: var(--bg-muted);
  border-radius: 16px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* --- Mail chrome --- */
.temd__chrome {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}

.temd__chrome-dots {
  display: flex;
  gap: 5px;
}

.temd__chrome-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--chakra-colors-gray-300);
}

.temd__chrome-subject {
  flex: 1;
  font-size: 11px;
  font-weight: 500;
  color: var(--chakra-colors-gray-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* --- Email body --- */
.temd__email {
  flex: 1;
  overflow: hidden;
  background: var(--card);
  margin: 10px;
  border-radius: 8px;
  border: 1px solid var(--border);
  display: flex;
  flex-direction: column;
}

/* --- Header --- */
.temd__header {
  padding: 18px 24px 14px;
  border-bottom: 1px solid var(--bg-muted);
}

.temd__logo {
  font-size: 14px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  letter-spacing: -0.01em;
}

/* --- Content --- */
.temd__content {
  padding: 20px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.temd__greeting {
  font-size: 13px;
  color: var(--chakra-colors-gray-700);
  margin: 0 0 8px;
}

.temd__message {
  font-size: 13px;
  color: var(--chakra-colors-gray-600);
  line-height: 1.6;
  margin: 0 0 18px;
}

.temd__message strong {
  color: var(--chakra-colors-gray-900);
  font-weight: 600;
}

/* --- Reminder detail row --- */
.temd__reminder {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  margin: 0 0 18px;
}

.temd__reminder-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.temd__reminder-icon svg {
  width: 18px;
  height: 18px;
  color: var(--chakra-colors-gray-600);
}

.temd__reminder-text {
  flex: 1;
  min-width: 0;
}

.temd__reminder-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--chakra-colors-gray-900);
  margin: 0 0 2px;
}

.temd__reminder-meta {
  font-size: 11px;
  color: var(--chakra-colors-gray-400);
  margin: 0;
}

/* --- Action links — single row --- */
.temd__actions {
  display: flex;
  gap: 8px;
}

.temd__action {
  flex: 1;
  padding: 10px 8px;
  border-radius: 8px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  cursor: default;
  transition: box-shadow 0.2s ease;
}

.temd__action--primary {
  background: var(--chakra-colors-gray-900);
  color: var(--chakra-colors-gray-50);
  border: none;
}

.temd__action--secondary {
  background: var(--card);
  color: var(--chakra-colors-gray-900);
  border: 1px solid var(--chakra-colors-gray-300);
}

/* --- Note --- */
.temd__note {
  font-size: 11px;
  color: var(--chakra-colors-gray-400);
  margin: 14px 0 0;
}

/* --- Footer --- */
.temd__footer {
  padding: 10px 24px;
  border-top: 1px solid var(--bg-muted);
  flex-shrink: 0;
}

.temd__footer-text {
  font-size: 10px;
  color: var(--chakra-colors-gray-400);
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

/* ============================================
   ANIMATION
   ============================================ */

.temd__email--entering {
  animation: temd-slide-in 0.5s ease-out both;
}

.temd--fading .temd__email {
  animation: temd-fade-out 0.5s ease-out forwards;
}

.temd__action--pulse {
  animation: temd-btn-pulse 1.5s ease-in-out 1;
}

@keyframes temd-slide-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes temd-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes temd-btn-pulse {
  0%, 100% { box-shadow: none; }
  50% { box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.08); }
}

/* ============================================
   ToniLandingChat — openai / cursor-style input
   Minimal, clean, monochrome.
   Uses project CSS variables where possible.
   ============================================ */

.tlc {
    max-width: 680px;
    margin: 0 auto;
}

/* ── Input ── */
.tlc-input-wrap {
    position: relative;
}

.tlc-input-row {
    display: flex;
    align-items: center;
    background: var(--card, #fff);
    border: 1px solid var(--border-subtle, #e5e7eb);
    border-radius: 16px;
    padding: 6px 6px 6px 0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tlc-input-row:focus-within {
    border-color: var(--text-emphasis, #111827);
    box-shadow: 0 0 0 1px var(--text-emphasis, #111827);
}

.tlc-input-field {
    flex: 1;
    position: relative;
    min-height: 48px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.tlc-input {
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: var(--text-emphasis, #111827);
    padding: 0 20px;
    font-family: inherit;
}

.tlc-input::placeholder {
    color: transparent; /* we use the custom placeholder instead */
}

.tlc-placeholder {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted, #9ca3af);
    font-size: 16px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px);
    opacity: 1;
    transition: opacity 0.3s ease;
}

.tlc-placeholder--fading {
    opacity: 0;
}

/* ── Send button ── */
.tlc-send {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 12px;
    border: none;
    background: var(--text-emphasis, #111827);
    color: var(--text-inverted, white);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, transform 0.1s ease, opacity 0.15s ease;
}

.tlc-send:hover:not(:disabled) {
    background: var(--brand-emphasis, hsla(0, 0%, 6%, 1));
}

.tlc-send:active:not(:disabled) {
    transform: scale(0.95);
}

.tlc-send--disabled {
    opacity: 0.25;
    cursor: default;
}

/* ── Spinner ── */
.tlc-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid color-mix(in srgb, var(--text-inverted, white) 25%, transparent);
    border-top-color: var(--text-inverted, white);
    border-radius: 50%;
    animation: tlc-spin 0.6s linear infinite;
}

@keyframes tlc-spin {
    to { transform: rotate(360deg); }
}

/* ── Suggestion chips ── */
.tlc-suggestions,
.tlc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    justify-content: center;
}

.tlc-chip {
    padding: 7px 16px;
    border-radius: 9999px;
    border: 1px solid var(--border-subtle, #e5e7eb);
    background: var(--card, #fff);
    color: var(--text-subtle, #6b7280);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
    line-height: 1.4;
}

.tlc-chip:hover:not(:disabled) {
    background: var(--bg-muted, #f9fafb);
    border-color: var(--border, #d8dee4);
    color: var(--text-emphasis, #111827);
}

.tlc-chip:active:not(:disabled) {
    transform: scale(0.97);
}

.tlc-chip:disabled {
    opacity: 0.4;
    cursor: default;
}

/* ── Message thread ── */
.tlc-thread {
    max-height: 420px;
    overflow-y: auto;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 16px;
    background: var(--bg-subtle, #fafafc);
    border: 1px solid var(--border-muted, #f3f4f6);
}

.tlc-thread::-webkit-scrollbar {
    width: 4px;
}

.tlc-thread::-webkit-scrollbar-track {
    background: transparent;
}

.tlc-thread::-webkit-scrollbar-thumb {
    background: var(--border-subtle, #e5e7eb);
    border-radius: 2px;
}

/* ── Single message ── */
.tlc-msg {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.tlc-msg--user {
    justify-content: flex-end;
}

.tlc-msg--assistant {
    justify-content: flex-start;
}

.tlc-msg-avatar {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: var(--text-emphasis, #111827);
    color: var(--text-inverted, white);
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    flex-shrink: 0;
}

.tlc-msg-content {
    max-width: 80%;
    padding: 10px 16px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.65;
    white-space: pre-wrap;
    letter-spacing: -0.01em;
}

.tlc-msg--user .tlc-msg-content {
    background: var(--text-emphasis, #111827);
    color: var(--text-inverted, white);
    border-bottom-right-radius: 4px;
}

.tlc-msg--assistant .tlc-msg-content {
    background: var(--card, #fff);
    color: var(--text-emphasis, #111827);
    border: 1px solid var(--border-subtle, #e5e7eb);
    border-bottom-left-radius: 4px;
}

.tlc-msg-reasoning {
    margin-bottom: 10px;
}

.tlc-msg-markdown {
    white-space: normal;
}

.tlc-msg-markdown .markdown__heading,
.tlc-msg-markdown h1,
.tlc-msg-markdown h2,
.tlc-msg-markdown h3,
.tlc-msg-markdown h4,
.tlc-msg-markdown h5,
.tlc-msg-markdown h6 {
    margin: 0 0 0.55em;
    font-size: 1em;
    line-height: 1.45;
}

.tlc-msg-markdown .markdown__paragraph-inline,
.tlc-msg-markdown p {
    margin: 0;
}

.tlc-msg-markdown .markdown__paragraph-inline + .markdown__paragraph-inline,
.tlc-msg-markdown .markdown__paragraph-inline + p,
.tlc-msg-markdown p + .markdown__paragraph-inline,
.tlc-msg-markdown p + p {
    margin-top: 0.8em;
}

.tlc-msg-markdown .markdown__list,
.tlc-msg-markdown ul,
.tlc-msg-markdown ol {
    margin: 0.8em 0 0;
    padding-inline-start: 1.25em;
}

.tlc-msg-markdown li + li {
    margin-top: 0.3em;
}

.tlc-msg-markdown a,
.tlc-msg-markdown .markdown__link {
    color: #1d4ed8;
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}

.tlc-msg-markdown blockquote {
    margin: 0.8em 0 0;
    padding-left: 0.9em;
    border-left: 3px solid rgba(148, 163, 184, 0.45);
    opacity: 0.92;
}

/* ── Typing dots ── */
.tlc-typing {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    height: 20px;
}

.tlc-typing span {
    width: 5px;
    height: 5px;
    background: var(--text-muted, #9ca3af);
    border-radius: 50%;
    animation: tlc-pulse 1.4s ease-in-out infinite;
}

.tlc-typing span:nth-child(2) { animation-delay: 0.2s; }
.tlc-typing span:nth-child(3) { animation-delay: 0.4s; }

@keyframes tlc-pulse {
    0%, 60%, 100% { opacity: 0.35; }
    30% { opacity: 1; }
}

/* ── Register CTA ── */
.tlc-register {
    text-align: center;
    margin-top: 16px;
}

.tlc-register-btn {
    background: none;
    border: none;
    color: var(--text-emphasis, #111827);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 24px;
    border-radius: 10px;
    transition: background 0.15s ease;
    font-family: inherit;
    letter-spacing: -0.01em;
}

.tlc-register-btn:hover {
    background: var(--bg-muted, #f9fafb);
}

/* ── Disclaimer ── */
.tlc-disclaimer {
    text-align: center;
    font-size: 11px;
    color: var(--text-muted, #9ca3af);
    margin-top: 16px;
    letter-spacing: 0.01em;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .tlc-input {
        font-size: 15px;
        height: 44px;
        padding: 0 16px;
    }

    .tlc-placeholder {
        font-size: 15px;
        left: 16px;
        max-width: calc(100% - 32px);
    }

    .tlc-input-row {
        border-radius: 14px;
        padding: 4px 4px 4px 0;
    }

    .tlc-send {
        width: 36px;
        height: 36px;
        min-width: 36px;
        border-radius: 10px;
    }

    .tlc-thread {
        padding: 16px;
        margin-top: 20px;
    }

    .tlc-msg-content {
        max-width: 88%;
    }

    .tlc-chip {
        font-size: 12px;
        padding: 6px 14px;
    }
}

.modern-result-grid__side-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.modern-result-grid__side-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.modern-result-grid__schema-stat {
  padding: 7px 9px;
  border-radius: 9px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}

.modern-result-grid__stat-card {
  padding: 7px 9px;
  border-radius: 9px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}

.modern-result-grid__table-wrap {
  max-height: min(80vh, calc(100vh - 188px));
  overflow: auto;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.55) 0%, rgba(255, 255, 255, 0) 32px);
}

.modern-result-grid__table {
  width: 100%;
  min-width: 1040px;
  border-collapse: separate;
  border-spacing: 0;
}

.modern-result-grid__table-header {
  background: #f8fafc;
}

.modern-result-grid__th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #f3f4f6;
  background: rgba(248, 250, 252, 0.96);
  backdrop-filter: blur(10px);
  vertical-align: bottom;
}

.modern-result-grid__th:last-child {
  border-right: none;
}

.modern-result-grid__th--select {
  left: 0;
  z-index: 5;
  width: 48px;
  min-width: 48px;
}

.modern-result-grid__th--rid {
  left: 48px;
  z-index: 5;
  width: 176px;
  min-width: 176px;
  box-shadow: 1px 0 0 #e5e7eb;
}

.modern-result-grid__th-label {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  color: #111827;
}

.modern-result-grid__th-helper {
  font-size: 10px;
  line-height: 1.2;
  color: #9ca3af;
}

.modern-result-grid__th-tag {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.modern-result-grid__th--anchor {
  box-shadow: inset 0 -2px 0 rgba(71, 85, 105, 0.18);
}

.modern-result-grid__th--benchmark {
  box-shadow: inset 0 -2px 0 rgba(146, 64, 14, 0.16);
}

.modern-result-grid__th--context {
  box-shadow: inset 0 -2px 0 rgba(100, 116, 139, 0.14);
}

.modern-result-grid__th--recording {
  box-shadow: inset 0 -2px 0 rgba(37, 99, 235, 0.14);
}

.modern-result-grid__th-tag--anchor {
  border-color: #cbd5e1;
  background: #f1f5f9;
  color: #475569;
}

.modern-result-grid__th-tag--benchmark {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.modern-result-grid__th-tag--context {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #64748b;
}

.modern-result-grid__th-tag--recording {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

.modern-result-grid__row {
  background: #ffffff;
  transition: background-color 0.12s ease, box-shadow 0.12s ease;
}

.modern-result-grid__row:nth-child(even) {
  background: #fcfcfd;
}

.modern-result-grid__row:hover {
  background: #f8fafc;
  cursor: pointer;
}

.modern-result-grid__row--selected {
  background: #eff6ff;
  box-shadow: inset 3px 0 0 #2563eb;
}

.modern-result-grid__td {
  padding: 7px 10px;
  border-bottom: 1px solid #f3f4f6;
  border-right: 1px solid #f9fafb;
  vertical-align: top;
}

.modern-result-grid__td:last-child {
  border-right: none;
}

.modern-result-grid__td--select {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 48px;
  min-width: 48px;
  background: #ffffff;
}

.modern-result-grid__td--rid {
  position: sticky;
  left: 48px;
  z-index: 3;
  width: 176px;
  min-width: 176px;
  background: #ffffff;
  box-shadow: 1px 0 0 #f3f4f6;
}

.modern-result-grid__row:nth-child(even) .modern-result-grid__td--select,
.modern-result-grid__row:nth-child(even) .modern-result-grid__td--rid {
  background: #fcfcfd;
}

.modern-result-grid__row:hover .modern-result-grid__td--select,
.modern-result-grid__row:hover .modern-result-grid__td--rid {
  background: #f8fafc;
}

.modern-result-grid__row--selected .modern-result-grid__td--select,
.modern-result-grid__row--selected .modern-result-grid__td--rid {
  background: #eff6ff;
}

.modern-result-grid__cell-text {
  display: -webkit-box;
  max-width: 240px;
  overflow: hidden;
  color: #111827;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.modern-result-grid__cell-shell {
  display: block;
  min-width: 120px;
  margin: -4px -6px;
  padding: 4px 6px;
  border-radius: 8px;
}

.modern-result-grid__cell-shell--anchor {
  background: linear-gradient(90deg, rgba(241, 245, 249, 0.95) 0%, rgba(248, 250, 252, 0) 75%);
}

.modern-result-grid__cell-shell--benchmark {
  background: linear-gradient(90deg, rgba(255, 247, 237, 0.95) 0%, rgba(255, 250, 245, 0) 78%);
}

.modern-result-grid__cell-shell--context {
  background: linear-gradient(90deg, rgba(248, 250, 252, 0.95) 0%, rgba(255, 255, 255, 0) 78%);
}

.modern-result-grid__cell-shell--recording {
  background: linear-gradient(90deg, rgba(239, 246, 255, 0.95) 0%, rgba(248, 250, 252, 0) 78%);
}

.modern-result-grid__cell-shell--editable {
  cursor: text;
  transition: background-color 0.12s ease, box-shadow 0.12s ease;
}

.modern-result-grid__cell-shell--editable:hover {
  background: #f3f4f6;
}

.modern-result-grid__cell-shell--editing {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #cbd5e1;
}

.modern-result-grid__cell-inline-control {
  min-width: 156px;
}

@media (max-width: 1280px) {
  .modern-result-grid__table-wrap {
    max-height: none;
  }

  .modern-result-grid__table {
    min-width: 920px;
  }
}

.app-footer {
    position: relative;
    z-index: 0;
}

.app-footer__section {
    animation: footer-fade-up 360ms ease both;
}

.app-footer__section:nth-of-type(2) {
    animation-delay: 80ms;
}

.app-footer__section:nth-of-type(3) {
    animation-delay: 130ms;
}

.app-footer__section:nth-of-type(4) {
    animation-delay: 180ms;
}

.app-footer__brandColumn {
    padding-right: 0.25rem;
}

.app-footer__eyebrow {
    color: var(--app-footer-eyebrow-color, #5e5e5e);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 700;
}

.app-footer__brand {
    color: var(--app-footer-brand-color, #1a1a1a);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    font-family: "Manrope", "Avenir Next", "Helvetica Neue", sans-serif;
}

.app-footer__brandLink {
    text-decoration: none !important;
}

.app-footer__brandLink:hover .app-footer__brand,
.app-footer__brandLink:focus .app-footer__brand {
    color: var(--app-footer-link-hover-color, #111111);
}

.app-footer__sectionTitle {
    color: var(--app-footer-title-color, #2a2a2a);
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    font-family: "Manrope", "Avenir Next", "Helvetica Neue", sans-serif;
}

.app-footer__link {
    color: var(--app-footer-link-color, var(--text)) !important;
    font-size: 0.94rem;
    line-height: 1.45;
    text-decoration: none !important;
    transition: color 150ms ease, transform 150ms ease;
}

.app-footer__link:hover,
.app-footer__link:focus {
    color: var(--app-footer-link-hover-color, #111111) !important;
    transform: translateX(2px);
}

.app-footer__meta {
    line-height: 1.5;
}

.app-footer__versionButton {
    color: var(--app-footer-version-color, #5a5a5a) !important;
    border: 1px solid var(--app-footer-version-border, #d0d0d0) !important;
    border-radius: 999px !important;
    background: var(--app-footer-version-bg, rgba(255, 255, 255, 0.68)) !important;
    min-height: 1.7rem !important;
    padding: 0 0.6rem !important;
    transition: all 150ms ease;
}

.app-footer__versionButton:hover,
.app-footer__versionButton:focus {
    color: var(--app-footer-link-hover-color, #111111) !important;
    border-color: var(--app-footer-version-border-hover, #b6b6b6) !important;
    background: var(--app-footer-version-bg-hover, rgba(255, 255, 255, 0.9)) !important;
}

.app-footer__localeSelect {
    min-width: 5.75rem !important;
    max-width: 7rem !important;
    height: 1.75rem !important;
    border-radius: 999px !important;
    border: 1px solid var(--app-footer-version-border, #d0d0d0) !important;
    color: var(--app-footer-link-color, var(--text)) !important;
    font-size: 0.74rem !important;
    line-height: 1 !important;
    background: var(--app-footer-version-bg, rgba(255, 255, 255, 0.68)) !important;
    padding-right: 1.55rem !important;
}

.app-footer__localeSelect:hover,
.app-footer__localeSelect:focus {
    border-color: var(--app-footer-version-border-hover, #b6b6b6) !important;
}

@keyframes footer-fade-up {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 30em) {
    .app-footer__brand {
        font-size: 1.15rem;
    }

    .app-footer__link {
        font-size: 0.9rem;
    }

    .app-footer__meta {
        font-size: 0.73rem;
    }
}

.TopNavBar {
  margin-bottom: 0;
  color: var(--foreground);
  background-color: var(--background);
  transition: width 300ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
  border-radius: 0px;
  display: flex;
  position: relative;
  align-items: center;
  border: none;
}

.TopNavBar.navbar-default {
  background-color: var(--background);
  border-color: var(--border);
}

.TopNavBar .navbar-brand img {
  max-height: 100%;
}

.navbar-brand-name {
  color: var(--foreground)
}

.navbar-brand-name > {
  display: inline-block;
  float: left;
}

.navbar-brand-name > img {
  display: inline-block;
  float: left;
  padding: 0 15px 0 0;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: var(--foreground)
}

.navbar-default .navbar-brand {
  font-weight: bold;
  color: var(--foreground)
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: var(--foreground)
}

.TopNavBar .navbar-nav > li > a:hover,
.TopNavBar .navbar-nav > li > a:focus,
.TopNavBar .navbar-nav > .open > a,
.TopNavBar .navbar-nav > .open > a:hover,
.TopNavBar .navbar-nav > .open > a:focus {
  color: var(--foreground);
  background-color: var(--muted);
}

.TopNavBar .dropdown-menu {
  background-color: var(--card);
  border: 1px solid var(--border);
}

.TopNavBar .dropdown-menu > li > a,
.TopNavBar .dropdown-menu > li > button {
  color: var(--foreground);
}

.TopNavBar .dropdown-menu > li > a:hover,
.TopNavBar .dropdown-menu > li > a:focus,
.TopNavBar .dropdown-menu > li > button:hover,
.TopNavBar .dropdown-menu > li > button:focus {
  color: var(--foreground);
  background-color: var(--muted);
}

@media (min-width: 600px) {
  .TopNavBar {
    min-height: 68px;
  }
}

.TopNavBar.navbar-default .navbar-nav > .open > a,
.TopNavBar.navbar-default .navbar-nav > .open > a:hover,
.TopNavBar.navbar-default .navbar-nav > .open > a:focus {
    color: var(--foreground);
    background-color: var(--muted);
}

.btn {
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0 32px;
  border: 0;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  font: inherit;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  cursor: pointer;
  transition: all .25s cubic-bezier(.645,.045,.355,1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-default {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all .2s ease-in-out;
  background: var(--muted);
  color: var(--muted-foreground);
  border: 1px solid var(--border);
  padding: 0 1.6rem;
}

.btn-default:hover {
    background: var(--secondary-hover);
    border: 1px solid transparent;
}

.btn-default, a:hover {
    cursor: pointer;
}

.btn.btn-sm {
  padding: 0px 15px;
  line-height: 30px;
  font-size: 13px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: var(--primary);
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: -20px;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right !important;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: var(--card);
    cursor: inherit;
    display: block;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}


.team-label {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--text);
  text-indent: 0;
  cursor: pointer;
  font-size: 17px;
  line-height: 1.23543;
  font-weight: 400;
  letter-spacing: -.022em;
  width: 100%;
  display: block;
  position: relative;
  vertical-align: top;
}

.form-column {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  float: left;
  min-height: 2px;
  width: 33%;
  padding-left: .41176rem;
  padding-right: .41176rem;
  box-sizing: border-box;
}

.team-role input[type="radio"] {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 0;
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.form-choice-selector-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 4.23529rem;
  text-align: center;
  border: 1px solid var(--border);
  box-sizing: border-box;
  border-spacing: 0;
  overflow: hidden;
  cursor: pointer;
  background-color: color-mix(in srgb, var(--card) 80%, transparent);
  flex-direction: column;
  border-radius: 4px;
}

.team-role input[type="radio"]:checked~.form-choice-selector-label {
  border-color: var(--primary);
  position: relative;
  border-width: .11765rem;
  padding: .64706rem .82353rem;
}

.team-role input[type="radio"]:checked~.form-choice-selector-label {
  border: 2px solid var(--primary);
  padding: 10px 14px;
}

/*
 * Local compatibility layer for legacy Bootstrap-style class names.
 * This allows us to remove external Bootstrap CSS while preserving
 * behavior of existing views during the gradual Chakra/Tailwind migration.
 */

:root {
    --bs-compat-gutter-x: 15px;
    --bs-compat-border: #d6dce5;
    --bs-compat-bg-muted: #f3f5f8;
    --bs-compat-text-muted: #6b7280;
}

.container,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--bs-compat-gutter-x);
    padding-left: var(--bs-compat-gutter-x);
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

.row {
    margin-right: calc(var(--bs-compat-gutter-x) * -1);
    margin-left: calc(var(--bs-compat-gutter-x) * -1);
}

.row::before,
.row::after {
    display: table;
    content: " ";
}

.row::after {
    clear: both;
}

.col-12,
.col-xs,
.col-sm,
.col-md,
.col-lg,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: var(--bs-compat-gutter-x);
    padding-left: var(--bs-compat-gutter-x);
}

.col-12 {
    width: 100%;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-12 {
    width: 100%;
}

@media (min-width: 768px) {
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-12 {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .hidden-xs {
        display: none !important;
    }
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-muted {
    color: var(--bs-compat-text-muted) !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.mt-5 {
    margin-top: 50px;
}

.mt-8 {
    margin-top: 80px;
}

.ml-1 {
    margin-left: 10px;
}

.mr-2 {
    margin-right: 20px;
}

.pt-1 {
    padding-top: 10px;
}

.pt-2 {
    padding-top: 20px;
}

.pt-3 {
    padding-top: 30px;
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pl-3 {
    padding-left: 30px;
}

.pr-3 {
    padding-right: 30px;
}

.btn-block {
    display: flex;
    width: 100%;
}

.btn-default {
    color: var(--text, #27303c);
    background-color: var(--card, #ffffff);
    border: 1px solid var(--bs-compat-border);
}

.btn-default:hover,
.btn-default:focus {
    background-color: var(--bs-compat-bg-muted);
}

.btn-link {
    color: var(--link-color, #0f766e);
    background: transparent;
    border: 0;
}

.btn-link:hover,
.btn-link:focus {
    color: var(--link-color-hover, #115e59);
    text-decoration: underline;
}

.btn-xs {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 6px;
}

.btn-sm {
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 8px;
}

.btn-lg {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.35;
    border-radius: 10px;
}

.btn-group {
    display: inline-flex;
    gap: 6px;
}

.alert {
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 8px;
}

.alert-info {
    color: #22577a;
    background-color: #e9f5ff;
    border-color: #b6def8;
}

.alert-success {
    color: #1f5130;
    background-color: #edf8ef;
    border-color: #bfe2c7;
}

.alert-warning {
    color: #7a581f;
    background-color: #fff7e5;
    border-color: #f5dd9a;
}

.alert-danger {
    color: #7f1d1d;
    background-color: #feecec;
    border-color: #f3b3b3;
}

.label {
    display: inline-block;
    padding: .25em .55em .32em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;
}

.label-default {
    background-color: #6b7280;
}

.label-primary {
    background-color: var(--primary, #607d96);
}

.label-success {
    background-color: #2f855a;
}

.label-info {
    background-color: #3182ce;
}

.label-warning {
    background-color: #b7791f;
}

.label-danger {
    background-color: #c53030;
}

.form-group {
    margin-bottom: 15px;
}

.form-horizontal .form-group::before,
.form-horizontal .form-group::after {
    display: table;
    content: " ";
}

.form-horizontal .form-group::after {
    clear: both;
}

.form-control {
    display: block;
    width: 100%;
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid var(--bs-compat-border);
    border-radius: 8px;
    background-color: #fff;
    color: inherit;
}

.form-control:focus {
    outline: 0;
    border-color: var(--primary, #607d96);
    box-shadow: 0 0 0 2px rgba(96, 125, 150, 0.16);
}

.has-error .form-control {
    border-color: var(--border-error, #d14343);
}

.help-block {
    display: block;
    margin-top: 5px;
    color: var(--bs-compat-text-muted);
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.input-group .form-control,
.input-group-addon {
    display: table-cell;
}

.input-group .form-control {
    margin-bottom: 0;
}

.input-group-addon {
    width: 1%;
    padding: 6px 12px;
    border: 1px solid var(--bs-compat-border);
    border-radius: 8px;
    background-color: var(--bs-compat-bg-muted);
    color: var(--bs-compat-text-muted);
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    background: transparent;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid var(--bs-compat-border);
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--bs-compat-border);
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid var(--bs-compat-border);
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid var(--bs-compat-border);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(15, 23, 42, 0.035);
}

.table-hover > tbody > tr:hover {
    background-color: rgba(15, 23, 42, 0.06);
}

.table-margin--none {
    margin-bottom: 0;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: var(--bs-compat-bg-muted);
}

.nav-pills::before,
.nav-pills::after {
    display: table;
    content: " ";
}

.nav-pills::after {
    clear: both;
}

.nav-pills > li {
    float: left;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li > a {
    border-radius: 8px;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.navbar-nav {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.navbar-nav > li {
    float: left;
}

.navbar-nav > li > a {
    display: block;
    padding: 15px;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 180px;
    margin: 2px 0 0;
    padding: 6px 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}

.dropdown-menu > li > a {
    display: block;
    padding: 6px 16px;
    clear: both;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--bs-compat-bg-muted);
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.divider,
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: var(--bs-compat-border);
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.modal-open {
    overflow: hidden;
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
}

.modal-backdrop.in {
    opacity: 0.45;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: currentColor;
    text-shadow: none;
    opacity: 0.5;
    background: transparent;
    border: 0;
    padding: 0;
}

.close:hover,
.close:focus {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0.01;
}

.tooltip.in {
    opacity: 0.95;
}

.tooltip.top,
.tooltip.bottom {
    padding: 5px 0;
}

.tooltip.left,
.tooltip.right {
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 260px;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #111827;
    border-radius: 8px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #111827;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #111827;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #111827;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #111827;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 320px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
}

.popover > .arrow,
.popover > .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

.popover > .arrow::after {
    content: "";
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-width: 11px 11px 11px 0;
    border-right-color: rgba(15, 23, 42, 0.18);
}

.popover.right > .arrow::after {
    top: -10px;
    left: 1px;
    border-width: 10px 10px 10px 0;
    border-right-color: #fff;
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-width: 11px 0 11px 11px;
    border-left-color: rgba(15, 23, 42, 0.18);
}

.popover.left > .arrow::after {
    top: -10px;
    right: 1px;
    border-width: 10px 0 10px 10px;
    border-left-color: #fff;
}

.popover.top > .arrow {
    left: 50%;
    bottom: -11px;
    margin-left: -11px;
    border-width: 11px 11px 0;
    border-top-color: rgba(15, 23, 42, 0.18);
}

.popover.top > .arrow::after {
    bottom: 1px;
    left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #fff;
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-width: 0 11px 11px;
    border-bottom-color: rgba(15, 23, 42, 0.18);
}

.popover.bottom > .arrow::after {
    top: 1px;
    left: -10px;
    border-width: 0 10px 10px;
    border-bottom-color: #fff;
}

.popover-title {
    margin: 0;
    padding: 10px 14px;
    border-bottom: 1px solid var(--bs-compat-border);
    font-size: 14px;
    font-weight: 600;
}

.popover-content {
    padding: 10px 14px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid var(--bs-compat-border);
    border-radius: 8px;
}

.panel-header {
    padding: 12px 16px;
    border-bottom: 1px solid var(--bs-compat-border);
    font-weight: 600;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.glyphicon::before {
    display: inline-block;
}

.glyphicon-plus::before {
    content: "+";
}

.glyphicon-minus::before {
    content: "\2212";
}

.glyphicon-ok::before {
    content: "\2713";
}

.glyphicon-arrow-up::before {
    content: "\2191";
}

.glyphicon-arrow-down::before {
    content: "\2193";
}

.btn.focus, .btn:focus, .btn:hover {
	color: #ffffff
}

/* This CSS will handle the issue of 100vh on mobile devices */
.full-height {
	min-height: 100vh;
}

/* Handle mobile-specific height issue with browser UI elements */
@media (max-width: 768px) {
	.full-height {
		min-height: calc(100vh - 3.5rem); /* Adjust this based on browser bars */
	}
}

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.page-item:first-child .page-link {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:not(:first-child) .page-link {
	margin-left: -1px;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.page-link {
	padding: 0.375rem 0.75rem;
}

.page-link {
	position: relative;
	display: block;
	color: var(--gray200);
	text-decoration: none;
	background-color: var(--card);
	border: 1px solid #dee2e6;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.page-item.active .page-link {
	z-index: 3;
	color: var(--black);
	background-color: var(--gray200);
	border-color: var(--gray200);
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


[role=button] {
	cursor: pointer;
}

.logo-container {
	width: 200px;
}

header {
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 5px;
}

.card {
	background: var(--card);
	border-radius: 10px;
	padding: 20px;
	box-shadow: var(--shadow-medium);
}

.hidden {
	width: 0px;
	height: 0px;
	opacity: 0;
	visibility: hidden;
}

.show {
	width: auto;
	height: auto;
	opacity: 1;
	visibility: visible;
}

.question-title {
	line-height: 1.45;
	margin-top: 0px;
	font-weight: bold;
}

.progressbar {
	background: #ececec;
	border-radius: 5px;
	padding: 1px;
}

.progressbar>div {
	background-color: var(--primary);
	width: 40%;
	height: 8px;
	border-radius: 5px;
}


.question input[type="text"] {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	font-size: 25px;
	line-height: 1.25;
	padding: 1em;
}


label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 0;
	font-weight: inherit;
}

.case-id {
	letter-spacing: 7px;
	font-size: 40px;
}

.score-answer {
	font-size: 23px;
	margin-top: 40px;
	margin-left: -10px;
	font-weight: 200 !important;
}

.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
}

.row-survey {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.row-survey>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

.fullwidth-modal {
	width: 90%;
}

.modal {
	display: block !important;
	/* I added this to see the modal, you don't need this */
}

/* Important part */
.modal-dialog {
	max-height: 90vh;
	overflow-y: auto;
}

.hidden {
	width: 0px;
	height: 0px;
	opacity: 0;
	visibility: hidden;
}

.show {
	width: auto;
	height: auto;
	opacity: 1;
	visibility: visible;
}

.question-title {
	line-height: 1.45;
	margin-top: 0px;
	font-weight: bold;
}

.progressbar {
	background: #ececec;
	border-radius: 5px;
	padding: 1px;
}

.progressbar>div {
	background-color: var(--primary);
	width: 40%;
	height: 8px;
	border-radius: 5px;
}


.question input[type="text"] {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	font-size: 25px;
	line-height: 1.25;
	padding: 1em;
}


label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 0;
	font-weight: inherit;
}

.case-id {
	letter-spacing: 7px;
	font-size: 40px;
}

.score-answer {
	font-size: 23px;
	margin-top: 40px;
	margin-left: -10px;
	font-weight: 200 !important;
}

.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */
}

.row-survey {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.row-survey>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

.fullwidth-modal {
	width: 90%;
}

.modal {
	display: block !important;
	/* I added this to see the modal, you don't need this */
}

/* Important part */
.modal-dialog {
	max-height: 90vh;
	overflow-y: auto;
}

/*buttons */


button .unread-badge {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0 0 40px;
	background: #BF616A;
	border-radius: 50%;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	border: none;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	outline: none !important;
	transition: all 0.15s ease;
}

.btn.btn-icon {
	width: 40px;
	padding: 0;
	background-color: transparent;
	color: rgba(0, 1, 0, );
}

.btn.btn-icon:hover {
	background-color: rgba(0, 0, 0, );
	color: rgba(0, 1, 0, );
}

.btn.btn-icon:focus,
.btn.btn-icon:active {
	background-color: rgba(0, 0, 0, );
	color: rgba(0, 1, 0, );
}

.btn.btn-icon i {
	font-size: 24px;
}

.btn.btn-icon.btn-xs {
	width: 24px;
	height: 24px;
	padding: 0;
}

.btn.btn-icon.btn-xs.btn-compact {
	width: 20px;
	height: 20px;
}

.btn.btn-icon.btn-xs i {
	font-size: 14.4px;
}

.btn.btn-icon.btn-sm {
	width: 32px;
	height: 32px;
	padding: 0;
}

.btn.btn-icon.btn-sm.btn-compact {
	width: 28px;
	height: 28px;
}

.btn.btn-icon.btn-sm i {
	font-size: 18px;
}

.btn.btn-icon.btn-lg {
	width: 48px;
	height: 48px;
	padding: 0;
}

.btn.btn-icon.btn-lg.btn-compact {
	width: 36px;
	height: 36px;
}

.btn.btn-icon.btn-lg i {
	font-size: 31.2px;
}

.btn:not(.a11y--active) {
	box-shadow: none;
}

.btn:active {
	box-shadow: none;
}

.btn+.btn {
	margin-left: 8px !important;
}

.btn.btn-full {
	width: 100%;
}

.btn i {
	display: inline-flex;
	width: 16px;
	height: 16px;
	align-items: center;
	justify-content: center;
	margin-right: 0;
	font-size: 18px;
}

.btn.btn-xs {
	height: 24px;
	padding: 0 10px;
	font-size: 11px;
	gap: 6px;
}

.btn.btn-xs i {
	width: 12px;
	height: 12px;
	font-size: 14.4px;
}

.btn.btn-sm {
	height: 32px;
	padding: 0 16px;
	font-size: 12px;
	gap: 6px;
}

.btn.btn-sm i {
	width: 12px;
	height: 12px;
	font-size: 14.4px;
}

.btn.btn-lg {
	height: 48px;
	padding: 0 24px;
	font-size: 16px;
	gap: 10px;
}

.btn.btn-lg i {
	width: 20px;
	height: 20px;
	font-size: 24px;
}

.btn.btn-link {
	padding: 0;
	border: none;
	background: transparent;
	color: rgba(0, 1, 0, );
}

.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:active {
	text-decoration: underline;
}

.btn.btn-primary {
	position: relative;
	border-color: transparent;
	background-color: var(--primary);
	color: var(--white) !important;
}

.btn.btn-primary:hover {
	background-color: #1a51c8;
}

.btn.btn-primary:active,
.btn.btn-primary:focus {
	background-color: #184ab6;
}

.btn.btn-primary:disabled,
.btn.btn-primary:disabled:hover,
.btn.btn-primary:disabled:active {
	background: rgba(0, 0, 0, );
	color: rgba(0, 0, 0, ) !important;
	opacity: 1;
}

.btn.btn-secondary {
	border: 1px solid #000;
	background: transparent;
	color: var(--text-emphasis);
}

.btn.btn-secondary.btn-danger {
	border-color: currentColor;
	background: transparent;
	color: var(--error-text);
}

.btn.btn-secondary.btn-danger:hover {
	border-color: currentColor;
	background-color: rgba(0, 0, 0, );
	color: var(--error-text);
}

.btn.btn-secondary.btn-danger:active,
.btn.btn-secondary.btn-danger:focus {
	border-color: currentColor;
	background-color: rgba(0, 0, 0, );
	color: var(--error-text);
}

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

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

.btn.btn-tertiary {
	background: rgba(0, 0, 0, );
	color: var(--text-emphasis);
}

.btn.btn-tertiary:hover {
	background-color: var(--text-emphasis);
}

.btn.btn-tertiary:active {
	background-color: var(--text-emphasis);
	outline: none;
}

.btn.btn-tertiary:disabled,
.btn.btn-tertiary:disabled:hover,
.btn.btn-tertiary:disabled:active {
	background: rgba(0, 0, 0, );
	color: rgba(0, 0, 0, );
	opacity: 1;
}

.btn.btn-tertiary.btn-danger {
	background-color: rgba(0, 0, 0, );
	color: var(--error-text);
}

.btn.btn-tertiary.btn-danger:hover {
	background-color: rgba(0, 0, 0, );
	color: var(--error-text);
}

.btn.btn-tertiary.btn-danger:active,
.btn.btn-tertiary.btn-danger:focus {
	background-color: rgba(0, 0, 0, );
	color: var(--error-text);
}

.btn.btn-quaternary {
	background: transparent;
	color: var(--text-emphasis);
}

.btn.btn-quaternary:hover {
	background: rgba(0, 0, 0, );
}

.btn.btn-quaternary:active {
	background-color: var(--text-emphasis);
}

.btn.btn-danger {
	background: var(--error-text);
	color: var(--white);
}

.btn.btn-danger {
	color: var(--white);
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active {
	color: var(--white);
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active {
	color: var(--white);
}

.btn.btn-transparent {
	padding: 7px 12px;
	border: none;
	background: transparent;
}

.btn.btn-inactive {
	border-color: transparent;
	background: var(--gray);
	color: var(--white);
}

.btn .fa {
	margin-right: 3px;
}

.btn .fa.margin-right {
	margin-right: 6px;
}

.btn .fa.margin-left {
	margin-left: 6px;
}


.modal-body {
	overflow: auto;
	max-height: calc(90vh - 80px);
	padding: 20px 15px;
}

.modal-body::after {
	content: "";
	clear: both;
	display: table;
}

.modal-body .manage-teams__teams .MenuWrapper {
	position: static;
}

.modal-body .manage-teams__teams .Menu {
	top: inherit;
	margin-right: 20px;
}

.no-scroll {
	overflow: hidden !important;
}

.modal .modal-content {
	border-color: rgba(0, 0, 0, );
	background: v(center-channel-bg);
	color: v(center-channel-color);
}

.modal .modal-header {
	background: var(--sidebar-header-bg);
}

.modal .modal-header .close {
	color: var(--sidebar-header-text-color);
}

.edit-modal-body {
	overflow: visible;
}

.edit-modal-body .custom-textarea {
	height: auto;
	min-height: 8em;
	max-height: 60vh;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: auto;
	overflow-y: auto;
}

.edit-modal-body .custom-textarea.custom-textarea--preview {
	display: none;
}

.edit-modal-body .custom-textarea.textbox-preview-area {
	position: relative;
}

.edit-modal-body .edit-post-footer {
	position: relative;
	display: inline-block;
	font-size: 13px;
}

.edit-modal-body .edit-post-footer .post-error {
	opacity: 0.55;
	position: relative;
	top: 3px;
	margin-bottom: 0;
	font-size: 0.85em;
	font-weight: normal;
}

.row--invite .col-sm-6:first-child {
	padding-right: 0;
}

.modal__hint {
	opacity: 0.8;
	display: block;
	margin: 0 0 10px;
	font-size: 0.9em;
}

.modal__error {
	margin-top: 6px;
	color: var(--red);
	float: left;
	font-size: 0.95em;
	font-weight: normal;
}

.more-table {
	margin: 0;
	table-layout: fixed;
}

.modal {
	width: 100%;
	color: var(--text-emphasis);
}

.modal .modal--overflow .modal-body {
	overflow: visible;
}

.modal textarea {
	overflow-x: hidden;
}

.modal .modal-footer.modal-footer--invisible {
	overflow: hidden;
	height: 0;
	padding: 0;
}

.modal .modal-footer .error-text {
	margin: 10px;
	float: left;
	font-weight: bold;
	text-align: left;
}

.modal.modal-image {
	overflow: hidden;
}

.modal.modal-image .modal-code .modal-image__content {
	background: transparent;
}

.modal .custom-textarea {
	padding: 12px 30px 12px 15px;
}

.modal .btn {
	font-size: 13px;
}

.modal .info__label {
	opacity: 0.5;
	margin-bottom: 3px;
	font-size: 0.9em;
	font-weight: 600;
}

.modal .info__value {
	padding-left: 10px;
	word-break: break-word;
}

.modal .info__value p {
	white-space: pre-wrap;
}

.modal .team-member-list {
	width: 100%;
}

.modal .remove__member {
	padding: 6px;
	color: inherit;
	float: right;
	font-size: 20px;
	line-height: 0;
}

.modal .remove__member:hover {
	color: var(--red);
}

.modal .modal-dialog {
	max-width: 95%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.modal .modal-dialog.modal--overflow-visible .modal-body {
	position: static;
}

.modal .modal-dialog.modal--overflow-visible .modal-body .dropdown {
	position: static;
}

.modal .modal-dialog.modal--overflow-visible .modal-body .dropdown-menu {
	right: 20px;
	left: auto;
}

.modal .modal-dialog.modal-xl {
	width: 800px;
}

.modal .modal-push-down {
	margin-top: 60px;
}

.modal .modal-next-bar {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.modal .modal-header {
	overflow: auto;
	min-height: 56px;
	padding: 14px 15px 11px;
	border: 1px solid var(--gray);
	background: #333;
	border-radius: 3px 3px 0 0;
	color: var(--white);
}

.modal-header::after {
	content: "";
	clear: both;
	display: table;
}


.modal .modal-header .modal-title {
	overflow: hidden;
	max-width: calc(100% - 80px);
	color: var(--bg-subtle);
	float: left;
	font-size: 17px;
	line-height: 27px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal .modal-header .modal-title .name {
	color: var(--white);
	font-weight: 600;
}

.modal .modal-header .modal-title .shared-channel-icon {
	width: 16px;
	height: 16px;
	margin: 0 8px;
	color: #3d3c40;
	font-size: 16px;
	line-height: 16px;
}

.modal .modal-header .modal-title .shared-channel-icon::before {
	margin: 0;
}

.modal .modal-header .modal-action {
	padding: 0;
	margin: 0;
}

.modal .modal-header .close {
	opacity: 0.7;
	position: absolute;
	z-index: 5;
	right: 10px;
	width: 30px;
	height: 30px;
	color: white;
	font-size: 24px;
	line-height: 30px;
	text-shadow: none;
}

.modal .modal-header .close:hover {
	opacity: 1;
}

.modal .modal-header .close .sr-only {
	display: none;
}

.modal .modal-header .close span {
	line-height: 10px;
}

.modal .modal-header .btn.btn-primary {
	position: relative;
	margin: -4px 33px 0 0;
	float: right;
}

.modal .modal-header .btn.btn-primary i {
	margin-right: 5px;
}

.modal .no-channel-message {
	padding: 2em 1em;
	text-align: center;
}

.modal .no-channel-message .primary-message {
	font-size: 1.25em;
}

.modal .no-channel-message .secondary-message {
	opacity: 0.8;
	margin: 1em 0 0;
}

.modal .modal-content {
	border: 1px solid #777;
	background: var(--card);
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.modal .modal-chevron-icon {
	top: 50%;
	font-size: 120%;
}

.modal .modal-prev-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.modal .modal-image {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.modal .modal-image .modal-body {
	overflow: auto;
	display: table;
	width: 100%;
	height: 100%;
	max-height: 100%;
	background: transparent;
	table-layout: fixed;
}

.modal .modal-image .modal-image__background {
	background: #f3f3f3;
}

.modal .modal-image .modal-image__content {
	min-width: 440px;
	max-width: 90vw;
	max-height: 91.5vh;
	overflow-x: hidden;
	overflow-y: visible;
}

.modal .modal-image .modal-image__content.modal-auto__content {
	overflow: auto;
	width: 90vw;
}

.modal .modal-image .modal-image__content.modal-auto__content::-webkit-scrollbar-thumb {
	background: #aaa;
}

.modal .modal-image .modal-image__content.modal-auto__content .view-image__loading {
	width: 90vw;
}

.modal .modal-image .modal-image__content .pdf {
	width: max-content;
	height: 91.5vh;
	margin: 0 auto;
}

.modal .modal-image .modal-image__content .pdf .post-code {
	width: max-content;
}

.modal .modal-image .post-code__container {
	overflow: auto;
}

.modal .modal-image .modal-image__wrapper {
	border-radius: 3px;
	position: relative;
	display: table-cell;
	width: 100%;
	max-width: 90%;
	text-align: center;
	vertical-align: middle;
}

.modal .modal-image .modal-image__wrapper:hover {
	border-radius: 3px 3px 0 0;
}

.modal .modal-image .modal-image__wrapper.default {
	width: 100%;
	height: 80%;
}

.modal .modal-image .modal-image__wrapper .post-code {
	background: transparent;
}

.modal .modal-image .modal-image__wrapper .post-code .post-code__line-numbers {
	padding: 5px 0;
}

.modal .modal-image .modal-image__wrapper .post-code code {
	width: 100%;
	padding: 5px 0;
	margin: 0;
}

.modal .modal-image .modal-image__wrapper audio,
.modal .modal-image .modal-image__wrapper canvas,
.modal .modal-image .modal-image__wrapper progress,
.modal .modal-image .modal-image__wrapper video {
	display: block;
	width: auto;
	height: auto;
	max-height: 85vh;
	margin: 0 auto;
}

.modal .modal-image .modal-image__wrapper canvas {
	max-height: 100%;
}

.modal .modal-image .modal-image__wrapper .modal-close {
	opacity: 1;
	position: absolute;
	z-index: 9999;
	top: -13px;
	right: -13px;
	width: 37px;
	height: 37px;
	/*background-image: url('../images/close.png');*/
	cursor: pointer;
	transition: opacity 0.6s;
}

.modal .modal-image .modal-image__wrapper .modal-zoom-btn {
	margin-right: 6px;
	margin-left: 6px;
}

.modal .modal-image .modal-image__wrapper a {
	color: white;
	text-decoration: none;
}

.modal .modal-image .modal-image__wrapper .btn-inactive {
	margin-right: 6px;
	margin-left: 6px;
	color: gray;
}

.modal .modal-image .modal-image__wrapper>div {
	position: relative;
	display: inline-block;
	min-width: 300px;
	max-width: 100%;
	min-height: 100px;
}

.modal .modal-image .modal-image__wrapper code {
	min-width: 330px;
	min-height: 130px;
}

.modal .modal-image .modal-image__wrapper pre,
.modal .modal-image .modal-image__wrapper code {
	display: inline-block;
}

.modal .modal-image .modal-image__wrapper .post-body--code {
	overflow: auto;
	max-width: calc(100vw - 80px);
	max-height: calc(100vh - 80px);
}

.modal .modal-image .modal-image__wrapper img {
	max-width: 100%;
	max-height: 91vh;
}

.modal .modal-image .modal-image__wrapper .spinner .file__loading {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

.modal .modal-image .modal-content {
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	background: var(--black);
	box-shadow: none;
}

.modal .modal-image .image-control {
	position: relative;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -23px;
	/*background: url('../images/prev.png') left no-repeat;*/
	float: left;
}

.modal .modal-image .image-control.image-next {
	/*background: url('../images/next.png') left no-repeat;*/
	float: right;
}

.modal .modal-image .loader-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.modal .modal-image .loader-percent {
	display: block;
	height: 20px;
	margin-top: 12px;
	color: var(--white);
}

.modal .modal-image .modal-button-bar {
	display: flex;
	overflow: hidden;
	max-width: 100%;
	justify-content: center;
	padding: 0 10px;
	background-color: var(--black);
	line-height: 40px;
}

.modal .modal-image .modal-button-bar .modal-bar-file-count {
	float: left;
}

.modal .modal-image .modal-button-bar .modal-bar-links {
	float: right;
}

.modal .modal-image .modal-button-bar .text {
	bottom: 0;
	margin-left: 5px;
	color: var(--white);
	vertical-align: middle;
}

.modal .modal-image .modal-button-bar .modal-column {
	flex: 1;
}

.modal.more-channel__modal .modal-body {
	padding: 10px 0 15px;
	overflow-x: hidden;
}

.modal.more-channel__modal .channel-count {
	opacity: 0.8;
	margin-top: 5px;
	float: right;
}

.modal .suggestion-list--top {
	position: absolute;
	bottom: initial;
}

.modal .suggestion-list--bottom {
	position: absolute;
}

.modal .suggestion-list__content--top {
	position: absolute;
	bottom: 0;
}

.modal .suggestion-list__content--bottom {
	position: absolute;
	top: 0;
}

.more-modal .loading-screen {
	height: auto;
	padding: 1.9em 1em;
	font-size: 1.25em;
}

.more-modal .Select-input>input {
	padding: 8px 0;
}

.more-modal .status-wrapper {
	flex: 32px 0 0;
}

.more-modal .more-modal__gm-icon {
	display: flex;
	width: 32px;
	height: 32px;
	flex: 32px 0 0;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.more-modal .user-list {
	position: relative;
	margin-top: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}

.more-modal .modal-body {
	padding: 10px 0 15px;
	overflow-x: hidden;
}

.more-modal .filter-row {
	width: 300px;
	margin: 5px 0 10px;
}

.more-modal .filter-row.filter-row--full {
	width: 100%;
}

.more-modal .member-count {
	opacity: 0.8;
	margin-top: 5px;
	float: right;
}

.more-modal .member-show {
	opacity: 0.8;
	margin-top: 8px;
	margin-right: 3px;
	float: right;
}

.more-modal .member-select__container .member-count {
	margin: 12px 0 0 3px;
}

.more-modal .member-select__container select {
	opacity: 0.8;
	width: auto;
	margin: 1px 5px 0 2px;
	float: right;
}

.more-modal .more-purpose {
	opacity: 0.7;
}

.modal-tabs {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.modal-tabs .tab-content {
	display: flex;
	height: auto;
	flex: 1 1 auto;
	flex-direction: column;
}

.modal-tabs .tab-pane {
	display: none;
	height: auto;
	flex: 1 1 auto;
}

.modal-tabs .tab-pane.active {
	display: flex;
}

.modal-tabs .nav-tabs {
	margin: 0 0 16px;
}

.modal-tabs .nav-tabs>li {
	width: 50%;
	border: none;
	border-bottom: 2px var(--gray) solid;
	margin-right: 0;
	text-align: center;
}

.modal-tabs .nav-tabs>li.active {
	border-bottom: 2px var(--primary) solid;
}

.modal-tabs .nav-tabs>li.active a {
	opacity: 1;
}

.modal-tabs .nav-tabs>li>a {
	display: flex;
	height: 40px;
	align-items: center;
	justify-content: center;
	padding-bottom: 12px;
	border: none;
	background: var(--center-channel-bg);
	color: inherit;
	font-weight: 900;
	opacity: 0.5;
	outline: none;
}

.modal-tabs .nav-tabs>li>a:active {
	opacity: 1;
}

.more-modal__button .btn {
	width: 100%;
	height: 39px;
	font-size: 0.9em;
	font-weight: 600;
}

.more-modal__dropdown {
	display: inline-flex;
	padding: 0 16px;
	font-weight: 600;
}

.more-modal__dropdown span {
	color: var(--center-channel-color);
	font-size: 0.9em;
}

.more-modal__dropdown a:hover {
	color: var(--center-channel-color);
	text-decoration: none;
}

.more-modal__icon-container {
	margin-right: 6px;
}

.more-modal__list {
	display: flex;
	flex-direction: column;
}

.browser--ie .more-modal__list {
	flex: 20;
}

.more-modal__list>div {
	overflow: auto;
	min-height: 100%;
}

.popover .more-modal__list {
	font-size: 0.95em;
}

.popover .more-modal__list .more-modal__row {
	padding: 5px 10px;
}

.more-modal__list .more-modal__image {
	border-radius: 60px;
	max-width: none;
	flex-grow: 0;
	flex-shrink: 0;
	margin-top: 2px;
}

.more-modal__list .more-modal__details {
	overflow: hidden;
	flex-grow: 1;
	flex-shrink: 1;
	align-self: center;
	padding-left: 10px;
	text-overflow: ellipsis;
}

.more-modal__list .more-modal__details .shared-channel-icon {
	width: 16px;
	height: 16px;
	margin-top: 0;
	margin-left: 8px;
	color: rgba(61, 60, 64, 0.72);
	font-size: 16px;
	line-height: 16px;
}

.more-modal__list .more-modal__details .shared-channel-icon::before {
	margin: 0;
}

.more-modal__list .more-modal__details .more-modal__name {
	display: flex;
	overflow: hidden;
	min-width: 0;
	margin: 5px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.more-modal__list .more-modal__details .more-modal__name .more-modal__name_sub {
	font-weight: 500;
	opacity: 0.5;
}

.more-modal__list .more-modal__details .more-modal__name .more-modal__name_count {
	font-weight: 400;
	opacity: 0.6;
}

.more-modal__list .more-modal__actions {
	flex-grow: 0;
	flex-shrink: 0;
	padding-left: 8px;
	margin: 5px 0;
}

.more-modal__list .more-modal__name {
	display: flex;
	font-weight: 600;
	white-space: nowrap;
}

.more-modal__list .more-modal__name span {
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}

.more-modal__list .more-modal__row--link {
	color: inherit;
	text-decoration: none;
}

.more-modal__list .more-modal__row--link:hover,
.more-modal__list .more-modal__row--link:focus {
	color: inherit;
}

.more-modal__list .more-modal__description {
	opacity: 0.6;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.more-modal__list .more-modal__description:empty {
	display: none;
}

.more-modal__list .more-modal__row {
	display: flex;
	min-height: 65px;
	align-items: center;
	padding: 10px 15px;
	border-bottom: 1px solid var(--gray);
}

.more-modal__list .more-modal__row.clickable {
	cursor: pointer;
}

.more-modal__list .more-modal__row.more-modal__row--selected {
	background: rgba(0, 0, 0, );
}

.more-modal__list .more-modal__row.more-modal__row--selected {
	background: rgba(0, 0, 0, );
}

.more-modal__list .more-modal__row.more-modal__row--selected .more-modal__actions--round {
	display: block;
}

.more-modal__list .more-modal__row.more-modal__row--selected .more-modal__lastPostAt {
	display: none;
}

.more-modal__list .more-modal__row .more-modal__shared-actions {
	color: rgba(61, 60, 64, 0.72);
}

.more-modal__list .more-modal__row .more-modal__shared-actions .shared-user-icon {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	font-size: 16px;
	line-height: 16px;
}

.more-modal__list .more-modal__row .more-modal__shared-actions .shared-user-icon::before {
	margin: 0;
}

#member-list-popover .more-modal__list .more-modal__row {
	min-height: 0;
}

.more-modal__list .more-modal__lastPostAt {
	display: block;
	margin-left: 5px;
	opacity: 0.6;
}

.more-modal__list .more-modal__lastPostAt time {
	font-weight: bold;
	white-space: nowrap;
}

.more-modal__list .more-modal__placeholder-row {
	padding: 10px 15px;
}

.more-modal__list .more-modal__actions--round {
	display: none;
	width: 32px;
	height: 32px;
	line-height: 32px;
	opacity: 0.5;
	text-align: center;
}

.more-modal__list .more-modal__right {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.more-modal__list .more-modal__right .control-label {
	padding: 5px 0 0 5px;
	font-weight: normal;
}

.more-modal__list .more-modal__top {
	display: flex;
}

.more-modal__list .more-modal__bottom>.has-error {
	padding-left: 5px;
}

.more-modal__list p {
	overflow: hidden;
	margin: 5px 0;
	text-overflow: ellipsis;
}

.member-select__container {
	position: absolute;
	top: 15px;
	right: 15px;
}

.filtered-user-list {
	display: flex;
	width: 100%;
	height: calc(90vh - 120px);
	flex-direction: column;
}

.filtered-user-list>div {
	flex: 1 1 auto;
}

.filtered-user-list .multi-select__wrapper {
	display: flex;
	height: 1px;
	flex-direction: column;
	flex-grow: 500;
}

.filtered-user-list .more-modal__list {
	height: 1px;
	flex-grow: 500;
}

.filtered-user-list .filter-button {
	padding-left: 0;
	margin-left: 0;
}

.filtered-user-list .filter-button .btn {
	height: 34px;
}

.filtered-user-list .filter-controls {
	padding: 1em 1.5em 0;
}

.filtered-user-list .filter-controls .filter-control__next {
	float: right;
}

.team-selector-modal .more-modal__row,
.channel-selector-modal .more-modal__row {
	border: 0;
}

.team-selector-modal .more-modal__row:nth-child(odd),
.channel-selector-modal .more-modal__row:nth-child(odd) {
	background: rgba(0, 0, 0, 0.03);
}

.team-selector-modal .more-modal__row .team-name,
.channel-selector-modal .more-modal__row .team-name {
	padding-left: 5px;
	color: var(--gray);
}

.team-selector-modal .more-modal__row .icon__lock,
.channel-selector-modal .more-modal__row .icon__lock,
.team-selector-modal .more-modal__row .icon__globe,
.channel-selector-modal .more-modal__row .icon__globe {
	margin-right: 5px;
}

.team-selector-modal .modal-header,
.channel-selector-modal .modal-header {
	background: var(--black);
	color: var(--white);
}

.team-selector-modal .modal-header .close,
.channel-selector-modal .modal-header .close {
	color: var(--white);
	opacity: 1;
}

.team-selector-modal .modal-header .close:hover,
.channel-selector-modal .modal-header .close:hover {
	opacity: 1;
}

.team-selector-modal .modal-body,
.channel-selector-modal .modal-body {
	padding: 15px 0;
}

.team-selector-modal .modal-body .filter-row,
.channel-selector-modal .modal-body .filter-row {
	padding: 0 15px;
}

.team-selector-modal .modal-body .more-modal__row--selected,
.channel-selector-modal .modal-body .more-modal__row--selected {
	background-color: var(--primary);
}

.team-selector-modal .modal-body .more-modal__row--selected .more-modal__actions--round,
.channel-selector-modal .modal-body .more-modal__row--selected .more-modal__actions--round {
	display: block;
}

.team-selector-modal .modal-body .no-channel-message,
.channel-selector-modal .modal-body .no-channel-message {
	width: 100%;
	margin-top: 40px;
	color: var(--gray);
	font-size: 1.25em;
	text-align: center;
}

.team-selector-modal .modal-body .filter-row--full,
.channel-selector-modal .modal-body .filter-row--full {
	flex-grow: 0;
}

.team-selector-modal .filter-control,
.channel-selector-modal .filter-control {
	border: none;
	background: none;
	color: var(--primary);
}

.team-selector-modal .filter-control:hover,
.channel-selector-modal .filter-control:hover,
.team-selector-modal .filter-control:focus,
.channel-selector-modal .filter-control:focus,
.team-selector-modal .filter-control:active,
.channel-selector-modal .filter-control:active {
	border: none;
	background: none;
	box-shadow: none;
	color: var(--primary);
}

.modal-invite-member .btn:hover {
	text-decoration: underline;
}

.more-public-direct-channels .filtered-user-list {
	height: calc(90vh - 180px);
}

.system-notice {
	border-radius: 4px;
	position: absolute;
	z-index: 9999;
	right: 12px;
	bottom: 12px;
	width: 280px;
	padding: 18px 20px 0;
	border: 1px solid black;
	background-color: var(--card);
}

.system-notice__header {
	display: flex;
	align-items: flex-start;
}

.system-notice__logo {
	height: 36px;
}

.system-notice__logo svg {
	width: 36px;
	height: 36px;
	fill: #166de0;
}

.system-notice__title {
	opacity: 0.7;
	overflow: hidden;
	flex: 10 1 auto;
	padding: 3px 0 0 8px;
	line-height: 16px;
	text-overflow: ellipsis;
}

.system-notice__info {
	opacity: 0.5;
	margin-bottom: 12px;
	font-size: 12px;
}

.system-notice__info .fa {
	margin-right: 4px;
}

.system-notice__body {
	opacity: 0.7;
	padding: 18px 0 16px;
	line-height: 16px;
}

.system-notice__footer {
	display: flex;
	border-top: 1px solid black;
	margin: 0 -20px;
}

.system-notice__footer .btn {
	overflow: hidden;
	flex: 1;
	text-overflow: ellipsis;
}

.system-notice__footer .btn:hover {
	background: #166de0;
	color: white;
}

.system-notice__footer .btn:first-child {
	border-radius: 0, 0, 0, 4px;
}

.system-notice__footer .btn:last-child {
	border-radius: 0, 0, 4px, 0;
	border-left: 1px solid alpha-color(black, 0.2);
}

.signup-header {
	background: var(--bg-subtle);
	line-height: 33px;
	padding: 0 1em 0.2em;
	width: 100%;
}

.signup-header .fa {
	margin-right: 5px;
}

.signup-team__container {
	margin: 0 auto;
	max-width: 380px;
	padding: 100px 0 50px;
	position: relative;
}

.signup-team__container.branded {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-direction: normal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	max-width: 900px;
}

.signup-team__container.branded .signup__markdown {
	-webkit-box: 1.3;
	-moz-box: 1.3;
	-webkit-flex: 1.3 0 0 0 auto;
	-ms-flex: 1.3 0 0 0 auto;
	flex: 1.3 0 0 0 auto;
	padding-right: 80px;
}

.signup-team__container.branded .signup__markdown img {
	max-width: 450px;
}

.signup-team__container.branded .signup__markdown p {
	color: #808080;
}

.signup-team__container.branded .signup__content {
	-webkit-box: 1;
	-moz-box: 1;
	-webkit-flex: 1 0 0 0 auto;
	-ms-flex: 1 0 0 0 auto;
	flex: 1 0 0 0 auto;
}

.signup-team__container.padding--less {
	padding-top: 50px;
}

.signup-team__container h1,
.signup-team__container h2,
.signup-team__container h3,
.signup-team__container h4,
.signup-team__container h5,
.signup-team__container h6,
.signup-team__container p {
	line-height: 1.3;
}

.signup-team__container h1 {
	font-weight: 600;
}

.signup-team__container h2 {
	font-size: em(30px);
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-bottom: 0.8em;
}

.signup-team__container h3 {
	font-size: 1.5em;
	font-weight: 600;
	margin: 0 0 1.3em;
}

.signup-team__container h4 {
	font-size: em(20px);
	font-weight: 600;
	margin-bottom: 1em;
}

.signup-team__container h5 {
	font-size: em(16px);
}

.signup-team__container hr {
	margin: 2em 0;
}

.signup-team__container p {
	color: var(--text);
	line-height: 1.5;
	margin-bottom: 1em;
}

.signup-team__container .input-group.input-group--limit {
	table-layout: fixed;
	width: 100%;
}

.signup-team__container .input-group.input-group--limit .tooltip-inner {
	word-wrap: break-word;
}

.signup-team__container .input-group.input-group--limit .form-control {
	display: table-cell;
	text-align: left;
	width: 100%;
}

.signup-team__container .input-group.input-group--limit .input-group-addon {
	display: table-cell;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	width: 50%;
}

.signup-team__container .inner__content {
	margin: 30px 0 20px;
}

.signup-team__container .block--gray {
	border-radius: 3px;
	background: #f2f2f2;
	display: inline-block;
	font-weight: 600;
	padding: 0.85em 1.2em;
}

.signup-team__container form {
	margin-bottom: 0.8em;
}

.signup-team__container .signup-team-confirm__container {
	padding: 100px 0;
}

.signup-team__container .signup-team-logo {
	margin: 0 0 2em;
	width: 210px;
}

.signup-team__container .signup-team-login {
	font-weight: 600;
	padding-bottom: 10px;
}

.signup-team__container .signup-team__name {
	font-size: 2.2em;
	font-weight: 600;
	margin: 0.5em 0 0;
}

.signup-team__container .signup-team__subdomain {
	font-size: 1.5em;
	font-weight: 300;
	margin: 0.2em 0 1.2em;
	text-transform: uppercase;
}

.signup-team__container .form-control {
	height: em(38px);
}

.signup-team__container .or__container {
	background: #ddd;
	height: 1px;
	margin: 2em 0;
	margin: 2.5em 0 2.5em -1rem;
	text-align: left;
}

.signup-team__container .or__container span {
	background: var(--bg);
	display: inline-block;
	font-size: 1.14286em;
	font-weight: 600;
	line-height: 20px;
	position: relative;
	text-align: center;
	top: -10px;
	width: 40px;
}

.signup-team__container ul {
	margin-bottom: 0;
	padding-left: 18px;
}

.signup-team__container .btn {
	font-size: 1em;
	font-weight: 600;
	margin-right: 5px;
	padding: em(7px) em(15px);
}

.signup-team__container .btn .fa {
	font-size: 17px;
	margin-right: 8px;
}

.signup-team__container .btn .fa.fa--margin-top {
	position: relative;
	top: 2px;
}

.signup-team__container .btn .icon {
	background-size: 100% 100%;
	display: inline-block;
	height: 18px;
	margin-right: 8px;
	text-align: center;
	width: 18px;
}

.signup-team__container .btn.btn-custom-login {
	border-radius: 2px;
	color: white;
	display: block;
	height: 40px;
	line-height: 36px;
	margin: 1em 0;
	min-width: 200px;
	padding: 0 1em 0 2em;
	text-align: left;
	width: 200px;
}

.signup-team__container .btn.btn-custom-login.gitlab {
	background: #548;
}

.signup-team__container .btn.btn-custom-login.gitlab:hover {
	background: #403366;
}

.signup-team__container .btn.btn-custom-login.gitlab span {
	vertical-align: middle;
}

.signup-team__container .btn.btn-custom-login.gitlab .icon {
	background-image: url(/21533fb1e09de3a4142f5f3c85770994.png);
}

.signup-team__container .btn.btn-custom-login.google {
	background: #dd4b39;
}

.signup-team__container .btn.btn-custom-login.google:hover {
	background: #c23321;
}

.signup-team__container .btn.btn-custom-login.google span {
	vertical-align: middle;
}

.signup-team__container .btn.btn-custom-login.google .icon {
	background-image: url(/176a36dc4adde3e2371b1fc5cac0132d.png);
}

.signup-team__container .btn.btn-custom-login.office365 {
	background: #0079d6;
}

.signup-team__container .btn.btn-custom-login.office365:hover {
	background: #005ca3;
}

.signup-team__container .btn.btn-custom-login.office365 span {
	vertical-align: middle;
}

.signup-team__container .btn.btn-custom-login.office365 .icon {
	background-image: url(/fd7650bb0ca5ba083faa74c8c92ac65f.png);
}

.signup-team__container .btn.btn-custom-login.ldap {
	background: #3aa1cf;
}

.signup-team__container .btn.btn-custom-login.ldap:hover {
	background: #2a84ac;
}

.signup-team__container .btn.btn-custom-login.ldap span {
	vertical-align: middle;
}

.signup-team__container .btn.btn-custom-login.email {
	background: var(--primary);
}

.signup-team__container .btn.btn-custom-login.email:hover {
	background: var(--primary-darker);
}

.signup-team__container .btn.btn-custom-login.email span {
	vertical-align: middle;
}

.signup-team__container .btn.btn-custom-login.saml {
	background: #34a28b;
}

.signup-team__container .btn.btn-custom-login.saml:hover {
	background: #287b6a;
}

.signup-team__container .btn.btn-custom-login.saml span {
	vertical-align: middle;
}

.signup-team__container .btn.btn-custom-login.btn--full {
	max-width: 350px;
	padding-left: 35px;
	text-align: left;
	width: 100%;
}

.signup-team__container .btn.btn-custom-login.btn--large {
	width: 300px;
}

.signup-team__container .btn.btn-default {
	color: #444;
}

.signup-team__container .btn .fa {
	position: relative;
}

.signup-team__container .btn .fa.fa-check,
.signup-team__container .btn .fa.fa-refresh {
	font-size: 0.9em;
	left: -2px;
	margin-right: 0.5em;
}

.signup-team__container .btn .fa.fa-chevron-right {
	font-size: 0.8em;
	right: -5px;
	top: 0;
}

.signup-team__container .btn .fa.fa-chevron-left {
	font-size: 0.8em;
	left: -2px;
	top: 0px;
}

.signup-team__container .has-error .control-label {
	border-radius: 3px;
	background: #f2f2f2;
	color: #999;
	font-size: 14px;
	font-weight: normal;
	margin: 1em 0 0;
	padding: 0.7em 1em;
	width: 100%;
}

.signup-team__container .has-error .control-label:before {
	color: #aaa;
	content: '\f071';
	margin-right: 4px;
}

.signup-team__container .reset-form {
	border-radius: 3px;
	font-size: 0.95em;
	position: relative;
}

.signup-team__container .reset-form p {
	color: inherit;
}

.signup-team__container h1.margin--top-none,
.signup-team__container h2.margin--top-none,
.signup-team__container h3.margin--top-none,
.signup-team__container h4.margin--top-none,
.signup-team__container h5.margin--top-none,
.signup-team__container h6.margin--top-none {
	margin-top: 0;
}

.signup-team__container h1.margin--bottom-none,
.signup-team__container h2.margin--bottom-none,
.signup-team__container h3.margin--bottom-none,
.signup-team__container h4.margin--bottom-none,
.signup-team__container h5.margin--bottom-none,
.signup-team__container h6.margin--bottom-none {
	margin-bottom: 0;
}

.signup-team__container h1.margin--less,
.signup-team__container h2.margin--less,
.signup-team__container h3.margin--less,
.signup-team__container h4.margin--less,
.signup-team__container h5.margin--less,
.signup-team__container h6.margin--less {
	margin-bottom: 0.3em;
}

.signup-team__container h1.sub-heading,
.signup-team__container h2.sub-heading,
.signup-team__container h3.sub-heading,
.signup-team__container h4.sub-heading,
.signup-team__container h5.sub-heading,
.signup-team__container h6.sub-heading {
	font-weight: 400;
	margin-bottom: 0;
}

.signup-team__container h1.color--light,
.signup-team__container h2.color--light,
.signup-team__container h3.color--light,
.signup-team__container h4.color--light,
.signup-team__container h5.color--light,
.signup-team__container h6.color--light {
	font-weight: 300;
}

.signup-team__container p.margin--extra {
	margin-bottom: 1.5em;
}

.signup-team__container p.margin--less {
	margin-bottom: 0.3em;
}

.signup-team__container p .black,
.signup-team__container p.black {
	color: var(--text-emphasis);
}

.signup-team__container .color--light {
	color: #777;
}

.signup-team__container .margin--extra {
	margin-top: 2.5em;
}

.signup-team__container .margin--extra-2x {
	margin-top: 5em;
}

.signup-team-all {
	border-radius: 2px;
	border: 1px solid #ddd;
	margin: 0 0 20px;
}

.signup-team-all .signup-team-dir {
	background: #fafafa;
	border-top: 1px solid #d5d5d5;
}

.signup-team-all .signup-team-dir:first-child {
	border: none;
}

.signup-team-all .signup-team-dir a {
	color: inherit;
	display: block;
	font-size: 1.1em;
	height: 3.5em;
	line-height: 3.5em;
	padding: 0 15px;
}

.signup-team-all .signup-team-dir-err {
	background: #fafafa;
	border-top: 1px solid #d5d5d5;
	color: inherit;
	padding: 5px 15px;
}

.signup-team-all .signup-team-dir-err:first-child {
	border: none;
}

.signup-team-all .signup-team-dir__name {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90%;
}

.signup-team-all .signup-team__icon {
	color: var(--border);
	float: right;
	font-size: 1.5em;
	line-height: 25px;
	position: relative;
	top: 0.66em;
}

.signup-team-all .signup-team__icon.fa-spin {
	font-size: 0.9em;
	right: -2px;
	top: 16px;
}

.authorize-box {
	border: 1px solid black;
	height: 280px;
	margin: 100px auto;
	width: 500px;
}

.authorize-inner {
	padding: 20px;
}

.authorize-btn {
	margin-right: 6px;
}

.verify_panel {
	margin: 60px auto auto;
	max-width: 380px;
}

#navbar_wrapper .navbar-default .navbar-toggle.menu-toggle {
	padding: 0 1em;
}
.channel-header__navbar {
	font-size: 16px;
}
.channel-header__navbar .heading {
	margin-right: 3px;
}
.channel-header__navbar .header-dropdown__icon {
	top: 1px;
}
.channel-header__links {
	display: inline-block;
	font-size: 22px;
	height: 30px;
	line-height: 26px;
	margin-right: 1px;
	text-align: center;
	width: 30px;
}
.channel-header__links th:last-child div {
	margin-right: 10px;
}
.channel__wrap.move--left .channel-header__links {
	position: absolute;
	right: -400px;
	top: 14px;
}
.channel-header__links > a {
	opacity: 0.6;
	color: inherit;
	text-decoration: none;
}
.channel-header__links > a:hover {
	opacity: 0.7;
}
.channel-header__links > a:focus {
	color: inherit;
}
.channel-header__links > a.active {
	color: var(--primary);
	opacity: 1;
}
.channel-header__links > a.active .icon {
	fill: var(--primary);
}
.channel-header-archived-icon {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.inner-wrap {
	height: 100%;
}

.inner-wrap.sticky {
	overflow: auto;
}

.inner-wrap > .row.main {
	height: 100%;
	position: relative;
}

.container-fluid {
	height: 100%;
	position: relative;
}

.container-fluid:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.channel-view {
	height: 100%;
	position: relative;
}

.channel-view::after {
	display: block;
	content: "";
	clear: both;
}

.about-modal .modal-content .modal-header {
    background: transparent;
    border: none;
    color: inherit;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.about-modal .modal-body {
    padding: 15px 25px;
    max-height: calc(100vh - 220px);
}

.about-modal__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 1em 0 3em;
}

.about-modal__hash {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4;
    overflow: hidden;
    font-size: .75em;
    text-align: right;
}

.about-modal .form-group {
    margin-bottom: 24px;
}

#SidebarContainer {
	visibility: hidden;
	opacity: 0;
	display: none;
	height: 0;
}
/**
 * shadcn/UI CSS Variables
 * 
 * This file defines CSS variables following shadcn/UI conventions,
 * allowing for easier migration or compatibility with shadcn/UI components.
 */

/* Define variables in :root with importance to override any global styles */
:root {
  /* Base colors — semantic grayscale system */
  --background: var(--chakra-colors-gray-50) !important;
  --foreground: var(--ui-text-primary) !important;

  --muted: var(--ui-surface-muted) !important;
  --muted-foreground: var(--ui-text-tertiary) !important;

  --popover: var(--ui-surface-elevated) !important;
  --popover-foreground: var(--ui-text-primary) !important;

  --card: var(--ui-surface-panel) !important;
  --card-foreground: var(--ui-text-primary) !important;

  --border: var(--ui-border) !important;
  --input: var(--ui-border) !important;

  --primary: var(--ui-surface-inverse) !important;
  --primary-foreground: var(--ui-text-inverse) !important;
  --primary-hover: var(--ui-surface-inverse-hover) !important;

  --secondary: var(--ui-surface-muted) !important;
  --secondary-foreground: var(--ui-text-primary) !important;
  --secondary-hover: var(--ui-surface-inset) !important;
  
  /* Keeping brand color for accent */
  --accent: #D32446 !important;
  --accent-foreground: #ffffff !important;
  --accent-hover: #b71a3a !important;
  
  --destructive: var(--ui-status-error-solid) !important;
  --destructive-foreground: var(--ui-status-error-solid-text) !important;
  --destructive-hover: #864f58 !important;

  --success: var(--ui-status-success-solid) !important;
  --success-foreground: var(--ui-status-success-solid-text) !important;
  --warning: var(--ui-status-warning-solid) !important;
  --warning-foreground: var(--ui-status-warning-solid-text) !important;
  --info: var(--ui-status-info-solid) !important;
  --info-foreground: var(--ui-status-info-solid-text) !important;

  --ring: var(--ui-focus-ring-strong) !important;

  /* shadcn/UI specific variables */
  --radius: 0.5rem !important;

  /* Override any existing button hover styles in global CSS */
  --btn-bg-color-hover: var(--primary-hover) !important;
  --button-primary-background-hover: #404040 !important;
  --button-secondary-background-hover: #e5e5e5 !important;
  --button-tertiary-background-hover: #404040 !important;
  --button-tertiary-border-hover: #b71a3a !important;
  --button-destructive-hover: #994E55 !important;
  
  /* BlackAlpha scale */
  --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04) !important;
  --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06) !important;
  --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08) !important;
  --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16) !important;
  --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24) !important;
  --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36) !important;
  --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48) !important;
  --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64) !important;
  --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.80) !important;
  --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92) !important;

  /* WhiteAlpha scale */
  --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04) !important;
  --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06) !important;
  --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08) !important;
  --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16) !important;
  --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24) !important;
  --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36) !important;
  --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48) !important;
  --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64) !important;
  --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80) !important;
  --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92) !important;

  /* Override Chakra UI color scales - zinc-based grays */
  --chakra-colors-gray-50: #fafafa !important;
  --chakra-colors-gray-100: #f4f4f5 !important;
  --chakra-colors-gray-200: #e4e4e7 !important;
  --chakra-colors-gray-300: #d4d4d8 !important;
  --chakra-colors-gray-400: #a1a1aa !important;
  --chakra-colors-gray-500: #71717a !important;
  --chakra-colors-gray-600: #52525b !important;
  --chakra-colors-gray-700: #3f3f46 !important;
  --chakra-colors-gray-800: #27272a !important;
  --chakra-colors-gray-900: #18181b !important;
  --chakra-colors-blue-50: #f3f6fa !important;
  --chakra-colors-blue-100: #e1e8f0 !important;
  --chakra-colors-blue-200: #c5d2e0 !important;
  --chakra-colors-blue-300: #a3b4c8 !important;
  --chakra-colors-blue-400: #8198af !important;
  --chakra-colors-blue-500: #607d96 !important;
  --chakra-colors-blue-600: #4c667d !important;
  --chakra-colors-blue-700: #3a5065 !important;
  --chakra-colors-blue-800: #2b3d4e !important;
  --chakra-colors-blue-900: #1d2d3b !important;
  --chakra-colors-brand-500: #D32446 !important;
  --chakra-colors-brand-600: #b71a3a !important;
  --chakra-colors-brand-hover: #b71a3a !important;
  --chakra-colors-red-500: #BF616A !important;
  --chakra-colors-red-600: #994E55 !important;

  /* Green scale — desaturated sage */
  --chakra-colors-green-50: #f3f6f1 !important;
  --chakra-colors-green-100: #e3eadc !important;
  --chakra-colors-green-200: #d0dbc8 !important;
  --chakra-colors-green-300: #b8c8ae !important;
  --chakra-colors-green-400: #9fb493 !important;
  --chakra-colors-green-500: #849778 !important;
  --chakra-colors-green-600: #6b7a61 !important;
  --chakra-colors-green-700: #53604c !important;
  --chakra-colors-green-800: #3c4638 !important;
  --chakra-colors-green-900: #252b24 !important;

  /* Orange scale — restrained amber */
  --chakra-colors-orange-50: #faf6ed !important;
  --chakra-colors-orange-100: #f3ead8 !important;
  --chakra-colors-orange-200: #e7d5b3 !important;
  --chakra-colors-orange-300: #d8bc87 !important;
  --chakra-colors-orange-400: #c59f61 !important;
  --chakra-colors-orange-500: #ad8346 !important;
  --chakra-colors-orange-600: #8d6736 !important;
  --chakra-colors-orange-700: #6c4e29 !important;
  --chakra-colors-orange-800: #4f391f !important;
  --chakra-colors-orange-900: #312313 !important;

  /* Brand button specifics */
  --chakra-colors-telegram-500: #D32446 !important;
  --chakra-colors-telegram-600: #b71a3a !important;
  --chakra-colors-telegram-hover: #b71a3a !important;
  --chakra-colors-blue-hover: #4c667d !important;
}

/* Dark mode is activated when the .dark class is applied to html */
html.dark {
  --background: var(--chakra-colors-gray-50) !important;
  --foreground: var(--ui-text-primary) !important;

  --muted: var(--ui-surface-muted) !important;
  --muted-foreground: var(--ui-text-tertiary) !important;

  --popover: var(--ui-surface-elevated) !important;
  --popover-foreground: var(--ui-text-primary) !important;

  --card: var(--ui-surface-panel) !important;
  --card-foreground: var(--ui-text-primary) !important;

  --border: var(--ui-border) !important;
  --input: var(--ui-border) !important;

  --primary: var(--ui-surface-inverse) !important;
  --primary-foreground: var(--ui-text-inverse) !important;
  --primary-hover: var(--ui-surface-inverse-hover) !important;

  --secondary: var(--ui-surface-muted) !important;
  --secondary-foreground: var(--ui-text-primary) !important;
  --secondary-hover: var(--ui-surface-inset) !important;
  
  /* Keeping brand color for accent */
  --accent: #D32446 !important;
  --accent-foreground: #ffffff !important;
  --accent-hover: #b71a3a !important;
  
  --destructive: var(--ui-status-error-solid) !important;
  --destructive-foreground: var(--ui-status-error-solid-text) !important;
  --destructive-hover: #e8c8cf !important;

  --success: var(--ui-status-success-solid) !important;
  --success-foreground: var(--ui-status-success-solid-text) !important;
  --warning: var(--ui-status-warning-solid) !important;
  --warning-foreground: var(--ui-status-warning-solid-text) !important;
  --info: var(--ui-status-info-solid) !important;
  --info-foreground: var(--ui-status-info-solid-text) !important;

  --ring: var(--ui-focus-ring-strong) !important;

  /* Override any existing button hover styles in global CSS */
  --btn-bg-color-hover: var(--primary-hover) !important;
  --button-primary-background-hover: #e5e5e5 !important;
  --button-secondary-background-hover: #737373 !important;
  --button-tertiary-background-hover: #e5e5e5 !important;
  --button-tertiary-border-hover: #b71a3a !important;
  --button-destructive-hover: #994E55 !important;

  /* Invert blackAlpha for dark mode */
  --chakra-colors-blackAlpha-50: rgba(255, 255, 255, 0.04) !important;
  --chakra-colors-blackAlpha-100: rgba(255, 255, 255, 0.06) !important;
  --chakra-colors-blackAlpha-200: rgba(255, 255, 255, 0.08) !important;
  --chakra-colors-blackAlpha-300: rgba(255, 255, 255, 0.16) !important;
  --chakra-colors-blackAlpha-400: rgba(255, 255, 255, 0.24) !important;
  --chakra-colors-blackAlpha-500: rgba(255, 255, 255, 0.36) !important;
  --chakra-colors-blackAlpha-600: rgba(255, 255, 255, 0.48) !important;
  --chakra-colors-blackAlpha-700: rgba(255, 255, 255, 0.64) !important;
  --chakra-colors-blackAlpha-800: rgba(255, 255, 255, 0.80) !important;
  --chakra-colors-blackAlpha-900: rgba(255, 255, 255, 0.92) !important;

  /* Invert whiteAlpha for dark mode */
  --chakra-colors-whiteAlpha-50: rgba(0, 0, 0, 0.04) !important;
  --chakra-colors-whiteAlpha-100: rgba(0, 0, 0, 0.06) !important;
  --chakra-colors-whiteAlpha-200: rgba(0, 0, 0, 0.08) !important;
  --chakra-colors-whiteAlpha-300: rgba(0, 0, 0, 0.16) !important;
  --chakra-colors-whiteAlpha-400: rgba(0, 0, 0, 0.24) !important;
  --chakra-colors-whiteAlpha-500: rgba(0, 0, 0, 0.36) !important;
  --chakra-colors-whiteAlpha-600: rgba(0, 0, 0, 0.48) !important;
  --chakra-colors-whiteAlpha-700: rgba(0, 0, 0, 0.64) !important;
  --chakra-colors-whiteAlpha-800: rgba(0, 0, 0, 0.80) !important;
  --chakra-colors-whiteAlpha-900: rgba(0, 0, 0, 0.92) !important;

  /* Invert Chakra color tokens for dark mode (zinc-based) */
  --chakra-colors-white: #0a0a0a !important;
  --chakra-colors-black: #fafafa !important;
  --chakra-colors-gray-50: #18181b !important;
  --chakra-colors-gray-100: #1c1c1f !important;
  --chakra-colors-gray-200: #27272a !important;
  --chakra-colors-gray-300: #3f3f46 !important;
  --chakra-colors-gray-400: #52525b !important;
  --chakra-colors-gray-500: #71717a !important;
  --chakra-colors-gray-600: #a1a1aa !important;
  --chakra-colors-gray-700: #d4d4d8 !important;
  --chakra-colors-gray-800: #e4e4e7 !important;
  --chakra-colors-gray-900: #fafafa !important;

  /* Blue scale inversion */
  --chakra-colors-blue-50: #1d2d3b !important;
  --chakra-colors-blue-100: #2b3d4e !important;
  --chakra-colors-blue-200: #3a5065 !important;
  --chakra-colors-blue-300: #4c667d !important;
  --chakra-colors-blue-400: #607d96 !important;
  --chakra-colors-blue-500: #8198af !important;
  --chakra-colors-blue-600: #a3b4c8 !important;
  --chakra-colors-blue-700: #c5d2e0 !important;
  --chakra-colors-blue-800: #e1e8f0 !important;
  --chakra-colors-blue-900: #f3f6fa !important;

  --chakra-colors-brand-500: #D32446 !important;
  --chakra-colors-brand-600: #b71a3a !important;
  --chakra-colors-brand-hover: #b71a3a !important;
  --chakra-colors-red-500: #BF616A !important;
  --chakra-colors-red-600: #994E55 !important;

  /* Green scale inverted for dark mode */
  --chakra-colors-green-50: #252b24 !important;
  --chakra-colors-green-100: #3c4638 !important;
  --chakra-colors-green-200: #53604c !important;
  --chakra-colors-green-300: #6b7a61 !important;
  --chakra-colors-green-400: #849778 !important;
  --chakra-colors-green-500: #9fb493 !important;
  --chakra-colors-green-600: #b8c8ae !important;
  --chakra-colors-green-700: #d0dbc8 !important;
  --chakra-colors-green-800: #e3eadc !important;
  --chakra-colors-green-900: #f3f6f1 !important;

  /* Orange scale inverted for dark mode */
  --chakra-colors-orange-50: #312313 !important;
  --chakra-colors-orange-100: #4f391f !important;
  --chakra-colors-orange-200: #6c4e29 !important;
  --chakra-colors-orange-300: #8d6736 !important;
  --chakra-colors-orange-400: #ad8346 !important;
  --chakra-colors-orange-500: #c59f61 !important;
  --chakra-colors-orange-600: #d8bc87 !important;
  --chakra-colors-orange-700: #e7d5b3 !important;
  --chakra-colors-orange-800: #f3ead8 !important;
  --chakra-colors-orange-900: #faf6ed !important;

  /* Brand button specifics */
  --chakra-colors-telegram-500: #D32446 !important;
  --chakra-colors-telegram-600: #b71a3a !important;
  --chakra-colors-telegram-hover: #b71a3a !important;
  --chakra-colors-blue-hover: #4c667d !important;
}

/* Force body & #root background in dark mode —
   Chakra uses gray.800 as its default dark-mode body bg,
   but our gray-scale inversion turns gray.800 into a light color. */
html.dark body,
html.dark #root {
  background: var(--background) !important;
  color: var(--foreground) !important;
}

/* Sonner-style toast rich-color tokens */
:root {
  --toast-success-bg: hsl(143, 85%, 96%);
  --toast-success-border: hsl(145, 92%, 87%);
  --toast-success-text: hsl(140, 100%, 27%);
  --toast-error-bg: hsl(359, 100%, 97%);
  --toast-error-border: hsl(359, 100%, 94%);
  --toast-error-text: hsl(360, 100%, 45%);
  --toast-warning-bg: hsl(49, 100%, 97%);
  --toast-warning-border: hsl(49, 91%, 84%);
  --toast-warning-text: hsl(31, 92%, 45%);
  --toast-info-bg: hsl(208, 100%, 97%);
  --toast-info-border: hsl(221, 91%, 93%);
  --toast-info-text: hsl(210, 92%, 45%);
}

html.dark {
  --toast-success-bg: hsl(150, 100%, 6%);
  --toast-success-border: hsl(147, 100%, 12%);
  --toast-success-text: hsl(150, 86%, 65%);
  --toast-error-bg: hsl(358, 76%, 10%);
  --toast-error-border: hsl(357, 89%, 16%);
  --toast-error-text: hsl(358, 100%, 81%);
  --toast-warning-bg: hsl(64, 100%, 6%);
  --toast-warning-border: hsl(60, 100%, 9%);
  --toast-warning-text: hsl(46, 87%, 65%);
  --toast-info-bg: hsl(215, 100%, 6%);
  --toast-info-border: hsl(223, 43%, 17%);
  --toast-info-text: hsl(216, 87%, 65%);
}

/* Animation variables */
:root {
  --transition-duration: 0.15s !important;
  --transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Typography variables - using shadcn/UI system */
:root {
  --font-sans: Inter, 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Monaco, Consolas, monospace !important;
  
  /* Letter spacing */
  --letter-spacing-md: -0.0125em !important;

  /* Font sizes (with proper line-heights as used in shadcn/UI) */
  --font-size-xs: 0.75rem !important;
  --line-height-xs: 1rem !important;
  --font-size-sm: 0.875rem !important;
  --line-height-sm: 1.25rem !important;
  --font-size-base: 1rem !important;
  --line-height-base: 1.5rem !important;
  --font-size-lg: 1.125rem !important;
  --line-height-lg: 1.75rem !important;
  --font-size-xl: 1.25rem !important;
  --line-height-xl: 1.75rem !important;
  --font-size-2xl: 1.5rem !important;
  --line-height-2xl: 2rem !important;
  --font-size-3xl: 1.875rem !important;
  --line-height-3xl: 2.25rem !important;
  --font-size-4xl: 2.25rem !important;
  --line-height-4xl: 2.5rem !important;
  
  /* Font weights */
  --font-weight-normal: 400 !important;
  --font-weight-medium: 500 !important;
  --font-weight-semibold: 600 !important;
  --font-weight-bold: 700 !important;
}

/* Border radius variables - using more precise shadcn/UI values */
:root {
  --radius-xs: 4px !important;
  --radius-sm: 0.25rem !important;
  --radius-md: 8px !important;
  --radius-lg: 0.5rem !important;
  --radius-xl: 0.75rem !important;
  --radius-2xl: 1rem !important;
  --radius-full: 9999px !important;
}

/* shadcn/UI specific spacing variables */
:root {
  --spacing-1: 0.25rem !important;
  --spacing-2: 0.5rem !important;
  --spacing-3: 0.75rem !important;
  --spacing-4: 1rem !important;
  --spacing-5: 1.25rem !important;
  --spacing-6: 1.5rem !important;
  --spacing-8: 2rem !important;
  --spacing-10: 2.5rem !important;
  --spacing-12: 3rem !important;
  --spacing-16: 4rem !important;
}

/* 
 * Inline styles with high specificity to override any global styles 
 */
.shadcn-ui.chakra-button,
.shadcn-ui.chakra-button[data-hover],
.shadcn-ui.chakra-button:hover {
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-sm) !important;
  line-height: var(--line-height-sm) !important;
  height: 2.25rem !important;
  border-radius: calc(var(--radius) - 2px) !important;
}

/* Primary Button */
.shadcn-ui.chakra-button.button-primary {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.shadcn-ui.chakra-button.button-primary:hover,
.shadcn-ui.chakra-button.button-primary[data-hover] {
  background-color: var(--primary-hover) !important;
  color: var(--primary-foreground) !important;
}

/* Secondary Button */
.shadcn-ui.chakra-button.button-secondary {
  background-color: var(--secondary) !important;
  color: var(--secondary-foreground) !important;
}

.shadcn-ui.chakra-button.button-secondary:hover,
.shadcn-ui.chakra-button.button-secondary[data-hover] {
  background-color: var(--secondary-hover) !important;
  color: var(--secondary-foreground) !important;
}

/* Accent Button */
.shadcn-ui.chakra-button.button-accent {
  background-color: var(--accent) !important;
  color: var(--accent-foreground) !important;
}

.shadcn-ui.chakra-button.button-accent:hover,
.shadcn-ui.chakra-button.button-accent[data-hover] {
  background-color: var(--accent-hover) !important;
  color: var(--accent-foreground) !important;
}

/* Destructive Button */
.shadcn-ui.chakra-button.button-destructive {
  background-color: var(--destructive) !important;
  color: var(--destructive-foreground) !important;
}

.shadcn-ui.chakra-button.button-destructive:hover,
.shadcn-ui.chakra-button.button-destructive[data-hover] {
  background-color: var(--destructive-hover) !important;
  color: var(--destructive-foreground) !important;
}

/* Outline Button */
.shadcn-ui.chakra-button.button-outline {
  background-color: transparent !important;
  color: var(--foreground) !important;
  border: 1px solid var(--border) !important;
}

.shadcn-ui.chakra-button.button-outline:hover,
.shadcn-ui.chakra-button.button-outline[data-hover] {
  background-color: var(--muted) !important;
  color: var(--foreground) !important;
}

/* Ghost Button */
.shadcn-ui.chakra-button.button-ghost {
  background-color: transparent !important;
  color: var(--foreground) !important;
}

.shadcn-ui.chakra-button.button-ghost:hover,
.shadcn-ui.chakra-button.button-ghost[data-hover] {
  background-color: var(--muted) !important;
  color: var(--foreground) !important;
}

/* Link Button */
.shadcn-ui.chakra-button.button-link {
  background-color: transparent !important;
  color: var(--primary) !important;
  height: auto !important;
  padding: 0 !important;
}

.shadcn-ui.chakra-button.button-link:hover,
.shadcn-ui.chakra-button.button-link[data-hover] {
  text-decoration: underline !important;
  background-color: transparent !important;
}

/* Focus styles */
.shadcn-ui.chakra-button:focus,
.shadcn-ui.chakra-button[data-focus] {
  box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring) !important;
  outline: none !important;
}

/* Active styles */
.shadcn-ui.chakra-button:active,
.shadcn-ui.chakra-button[data-active] {
  transform: scale(0.97) !important;
}

/* Disabled styles */
.shadcn-ui.chakra-button:disabled,
.shadcn-ui.chakra-button[aria-disabled=true] {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

/* Input styles */
.shadcn-ui.chakra-input {
  height: 2.25rem !important;
  border-radius: calc(var(--radius) - 2px) !important;
  border-color: var(--input) !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  font-size: var(--font-size-sm) !important;
}

.shadcn-ui.chakra-input:focus,
.shadcn-ui.chakra-input[data-focus] {
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 1px var(--ring) !important;
}

/* Checkbox styles */
.shadcn-ui.chakra-checkbox__control {
  border-radius: var(--radius-sm) !important;
  border-color: var(--input) !important;
}

.shadcn-ui.chakra-checkbox__control[data-checked] {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

/* Select styles */
.shadcn-ui.chakra-select {
  height: 2.25rem !important;
  border-radius: calc(var(--radius) - 2px) !important;
  border-color: var(--input) !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  font-size: var(--font-size-sm) !important;
}

.shadcn-ui.chakra-select:focus,
.shadcn-ui.chakra-select[data-focus] {
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 1px var(--ring) !important;
}

/* Card styles - Cursor-inspired flat shadows */
.shadcn-ui.card {
  background-color: var(--card) !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--ui-shadow-card) !important;
  overflow: hidden !important;
  transition: box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s ease !important;
}

.shadcn-ui.card:hover {
  box-shadow: var(--ui-shadow-floating) !important;
}

.shadcn-ui.card-header {
  padding: var(--spacing-6) !important;
  border-bottom: 1px solid var(--border) !important;
}

.shadcn-ui.card-footer {
  padding: var(--spacing-6) !important;
  border-top: 1px solid var(--border) !important;
}

.shadcn-ui.card-body {
  padding: var(--spacing-6) !important;
}

/* Table styles */
.shadcn-ui.chakra-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.shadcn-ui.chakra-table thead tr th {
  background-color: var(--muted) !important;
  color: var(--muted-foreground) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  padding: var(--spacing-2) !important;
  text-align: left !important;
  height: 2.25rem !important;
}

.shadcn-ui.chakra-table tbody tr {
  border-bottom: 1px solid var(--border) !important;
}

.shadcn-ui.chakra-table tbody tr:last-child {
  border-bottom: none !important;
}

.shadcn-ui.chakra-table tbody tr td {
  padding: var(--spacing-2) !important;
  font-size: var(--font-size-sm) !important;
}

/* Dialog/Modal styles - Cursor-inspired blur overlay */
.shadcn-ui.chakra-modal__content {
  background-color: var(--background) !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1) !important;
}

.shadcn-ui.chakra-modal__header {
  padding: var(--spacing-6) !important;
  border-bottom: 1px solid var(--border) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.shadcn-ui.chakra-modal__body {
  padding: var(--spacing-6) !important;
}

.shadcn-ui.chakra-modal__footer {
  padding: var(--spacing-6) !important;
  border-top: 1px solid var(--border) !important;
}

/* ─── GLOBAL shadcn/UI OVERRIDES ─────────────────────────────────────
 * These rules apply shadcn appearance to ALL Chakra components globally,
 * without requiring the .shadcn-ui class. This makes every element in
 * the app default to shadcn styling.
 * ──────────────────────────────────────────────────────────────────── */

/* Skeleton pulse animation */
@keyframes shadcn-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ─── Global Form Elements ─── */

/* All inputs */
.chakra-input,
.chakra-numberinput__field,
.chakra-pinput {
  height: 2.25rem !important;
  border-radius: calc(var(--radius) - 2px) !important;
  border-color: var(--input) !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  font-size: var(--font-size-sm) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.chakra-input:hover,
.chakra-numberinput__field:hover {
  border-color: var(--ring) !important;
}

.chakra-input:focus,
.chakra-input[data-focus],
.chakra-numberinput__field:focus {
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 1px var(--ring) !important;
  outline: none !important;
}

.chakra-input::placeholder,
.chakra-numberinput__field::placeholder,
.chakra-textarea::placeholder {
  color: var(--muted-foreground) !important;
}

/* Textarea */
.chakra-textarea {
  border-radius: calc(var(--radius) - 2px) !important;
  min-height: 60px !important;
  padding: 0.5rem 0.75rem !important;
  border-color: var(--input) !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  font-size: var(--font-size-sm) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.chakra-textarea:hover {
  border-color: var(--ring) !important;
}

.chakra-textarea:focus,
.chakra-textarea[data-focus] {
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 1px var(--ring) !important;
  outline: none !important;
}

/* Select */
.chakra-select {
  height: 2.25rem !important;
  border-radius: calc(var(--radius) - 2px) !important;
  border-color: var(--input) !important;
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  font-size: var(--font-size-sm) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.chakra-select:hover {
  border-color: var(--ring) !important;
}

.chakra-select:focus,
.chakra-select[data-focus] {
  border-color: var(--ring) !important;
  box-shadow: 0 0 0 1px var(--ring) !important;
  outline: none !important;
}

/* Checkbox */
.chakra-checkbox__control {
  border-radius: var(--radius-sm) !important;
  border-color: var(--input) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.chakra-checkbox__control[data-checked],
.chakra-checkbox__control[data-checked]:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

.chakra-checkbox__label {
  font-size: var(--font-size-sm) !important;
}

/* Radio */
.chakra-radio__control {
  border-color: var(--input) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.chakra-radio__control[data-checked],
.chakra-radio__control[data-checked]:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
}

/* Switch */
.chakra-switch__track {
  background-color: var(--input) !important;
  transition: background-color 0.15s ease !important;
}

.chakra-switch__track[data-checked] {
  background-color: var(--primary) !important;
}

.chakra-switch__thumb {
  background-color: white !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* ─── Global Button Enhancement ─── */

.chakra-button {
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-sm) !important;
  border-radius: calc(var(--radius) - 2px) !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.chakra-button:active {
  transform: scale(0.97) !important;
}

.chakra-button:disabled,
.chakra-button[aria-disabled="true"] {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

/* ─── Global Badge / Tag ─── */

.chakra-badge {
  border-radius: var(--radius-full) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-xs) !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}

.chakra-tag {
  border-radius: var(--radius-md) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-xs) !important;
  transition: all 0.15s ease !important;
}

/* ─── Global Modal / Drawer ─── */

.chakra-modal__overlay {
  backdrop-filter: blur(4px) !important;
}

.chakra-modal__content {
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--border) !important;
  background-color: var(--background) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
}

.chakra-modal__close-btn {
  border-radius: var(--radius-sm) !important;
  color: var(--muted-foreground) !important;
  transition: color 0.15s ease, background-color 0.15s ease !important;
}

.chakra-modal__close-btn:hover {
  color: var(--foreground) !important;
  background-color: var(--muted) !important;
}

.chakra-modal__header {
  font-weight: var(--font-weight-semibold) !important;
  color: var(--foreground) !important;
}

/* ─── Global Divider ─── */

.chakra-divider {
  border-color: var(--border) !important;
  opacity: 1 !important;
}

/* ─── Global Heading & Text defaults ─── */

.chakra-heading {
  letter-spacing: -0.025em !important;
  font-weight: var(--font-weight-semibold) !important;
  color: var(--foreground) !important;
}


/* ─── Global Menu / Popover ─── */

.chakra-menu__menu-list {
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--border) !important;
  background-color: var(--background) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.03) !important;
  padding: var(--spacing-1) !important;
  overflow: hidden !important;
}

.chakra-menu__menuitem {
  font-size: var(--font-size-sm) !important;
  border-radius: var(--radius-sm) !important;
  padding: var(--spacing-2) var(--spacing-3) !important;
  transition: background-color 0.15s ease !important;
}

.chakra-menu__menuitem:hover,
.chakra-menu__menuitem[data-focus] {
  background-color: var(--muted) !important;
}

.chakra-popover__content {
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--border) !important;
  background-color: var(--background) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.03) !important;
}

/* ─── Global Tooltip ─── */

.chakra-tooltip {
  background-color: var(--foreground) !important;
  color: var(--background) !important;
  border-radius: calc(var(--radius) - 4px) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  padding: 4px 10px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* ─── Global Tabs ─── */

.chakra-tabs__tab {
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-sm) !important;
  color: var(--muted-foreground) !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

.chakra-tabs__tab[aria-selected="true"],
.chakra-tabs__tab[data-selected] {
  color: var(--foreground) !important;
  border-color: var(--foreground) !important;
}

.chakra-tabs__tab:hover {
  color: var(--foreground) !important;
}

.chakra-tabs__tablist {
  border-color: var(--border) !important;
}

/* ─── Global Alert ─── */

.chakra-alert {
  border-radius: var(--radius) !important;
  border-width: 1px !important;
  font-size: var(--font-size-sm) !important;
}

/* ─── Global Table ─── */

.chakra-table {
  font-size: var(--font-size-sm) !important;
}

.chakra-table thead th {
  font-size: var(--font-size-xs) !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--muted-foreground) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  background-color: var(--muted) !important;
  border-bottom: 1px solid var(--border) !important;
  height: 2.25rem !important;
  padding: var(--spacing-2) !important;
}

.chakra-table tbody tr {
  transition: background-color 0.15s ease !important;
  border-bottom: 1px solid var(--border) !important;
}

.chakra-table tbody tr:last-child {
  border-bottom: none !important;
}

.chakra-table tbody tr:hover {
  background-color: var(--muted) !important;
}

.chakra-table tbody td {
  border-bottom: none !important;
  color: var(--foreground) !important;
  padding: var(--spacing-2) !important;
}

/* ─── Global Skeleton ─── */

.chakra-skeleton {
  border-radius: var(--radius-md) !important;
}

/* ─── Global Drawer ─── */

.chakra-modal__content-container .chakra-modal__content[class*="drawer"] {
  background-color: var(--background) !important;
}

/* ─── Link hover ─── */

a:not(.chakra-button):not(.chakra-link):not([class*="menu"]) {
  transition: color 0.15s ease !important;
}

/* ─── Scrollbar styling (subtle, shadcn-like) ─── */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: var(--radius-full);
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--muted-foreground);
  border: 2px solid transparent;
  background-clip: content-box;
}

/* ─── Global Compact Spacing ─── */

/* Tighten form control groups */
.chakra-form-control {
  margin-bottom: 0.75rem !important;
}

.chakra-form__label {
  margin-bottom: 0.25rem !important;
  font-size: var(--font-size-sm) !important;
  font-weight: var(--font-weight-medium) !important;
}

.chakra-form__error-message {
  margin-top: 0.25rem !important;
  font-size: var(--font-size-xs) !important;
}

.chakra-form__helper-text {
  margin-top: 0.25rem !important;
  font-size: var(--font-size-xs) !important;
  color: var(--muted-foreground) !important;
}

/* Tighten alert padding */
.chakra-alert {
  border-radius: calc(var(--radius) - 2px) !important;
  padding: 0.625rem 0.75rem !important;
  font-size: var(--font-size-sm) !important;
}

/* Tighten accordion */
.chakra-accordion__button {
  padding: 0.625rem 0 !important;
  font-size: var(--font-size-sm) !important;
}

.chakra-accordion__panel {
  padding: 0 0 0.75rem 0 !important;
  font-size: var(--font-size-sm) !important;
}

/* Compact popover */
.chakra-popover__header {
  padding: 0.5rem 0.75rem !important;
  font-size: var(--font-size-sm) !important;
}

.chakra-popover__body {
  padding: 0.5rem 0.75rem !important;
}

.chakra-popover__footer {
  padding: 0.5rem 0.75rem !important;
}

/* ─── Focus-visible ring (shadcn standard) ─── */

*:focus-visible {
  outline: 2px solid var(--ring) !important;
  outline-offset: 2px !important;
}

.chakra-button:focus-visible,
.chakra-input:focus-visible,
.chakra-textarea:focus-visible,
.chakra-select:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring) !important;
}

/* Import Inter font from Google Fonts (variable weight 100-900) */

/* Import shadcn/UI variables for consistent theming */

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--default-font-family);
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}

html, body {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

:root {
--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;
--announcement-bar-height: 0px;
}

@media (prefers-color-scheme: dark) {
:root {
  --foreground-rgb: 255, 255, 255;
  --background-start-rgb: 0, 0, 0;
  --background-end-rgb: 0, 0, 0;
}
}

:root {
--ui-page-background-solid: #f5f5f2;
--ui-page-background:
  radial-gradient(circle at top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 36%),
  linear-gradient(180deg, #fafaf8 0%, #f3f3ef 100%);
--ui-panel-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(252, 252, 250, 0.92) 100%);
--ui-surface-canvas: rgba(255, 255, 255, 0.72);
--ui-surface-panel: rgba(255, 255, 255, 0.92);
--ui-surface-elevated: rgba(255, 255, 255, 0.98);
--ui-surface-muted: #f1f1ee;
--ui-surface-inset: #ecece8;
--ui-surface-inverse: #191919;
--ui-surface-inverse-hover: #2a2a2a;
--ui-border: rgba(32, 32, 32, 0.09);
--ui-border-strong: rgba(32, 32, 32, 0.16);
--ui-border-contrast: rgba(255, 255, 255, 0.18);
--ui-text-primary: #18181b;
--ui-text-secondary: #52525b;
--ui-text-tertiary: #71717a;
--ui-text-inverse: #fafaf9;
--ui-focus-ring: rgba(24, 24, 27, 0.08);
--ui-focus-ring-strong: rgba(24, 24, 27, 0.22);
--ui-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.04);
--ui-shadow-floating: 0 16px 40px rgba(15, 23, 42, 0.08);
--ui-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);
--ui-selection-bg: rgba(24, 24, 27, 0.12);
--ui-selection-fg: #18181b;
--ui-accent-muted: rgba(211, 36, 70, 0.08);

--ui-status-neutral-surface: #f3f3f1;
--ui-status-neutral-border: #e3e1de;
--ui-status-neutral-text: #57534e;
--ui-status-neutral-solid: #2f2f2f;
--ui-status-neutral-solid-text: #fafaf9;

--ui-status-info-surface: #f2f4f5;
--ui-status-info-border: #dde2e5;
--ui-status-info-text: #4b5563;
--ui-status-info-solid: #4b5563;
--ui-status-info-solid-text: #f8fafc;

--ui-status-success-surface: #f2f5ef;
--ui-status-success-border: #d6ded0;
--ui-status-success-text: #50604b;
--ui-status-success-solid: #607a58;
--ui-status-success-solid-text: #f8faf6;

--ui-status-warning-surface: #faf6ed;
--ui-status-warning-border: #eadfca;
--ui-status-warning-text: #7c6332;
--ui-status-warning-solid: #9a7a3e;
--ui-status-warning-solid-text: #fffaf2;

--ui-status-error-surface: #faf1f2;
--ui-status-error-border: #ecd6d8;
--ui-status-error-text: #844752;
--ui-status-error-solid: #9a5d67;
--ui-status-error-solid-text: #fff7f8;
}

html.dark {
--ui-page-background-solid: #09090b;
--ui-page-background:
  radial-gradient(circle at top, rgba(63, 63, 70, 0.22) 0%, rgba(10, 10, 11, 0) 34%),
  linear-gradient(180deg, #09090b 0%, #111113 100%);
--ui-panel-gradient: linear-gradient(180deg, rgba(22, 22, 24, 0.94) 0%, rgba(14, 14, 16, 0.92) 100%);
--ui-surface-canvas: rgba(18, 18, 20, 0.76);
--ui-surface-panel: rgba(18, 18, 20, 0.92);
--ui-surface-elevated: rgba(27, 27, 30, 0.98);
--ui-surface-muted: #1f1f23;
--ui-surface-inset: #17171a;
--ui-surface-inverse: #fafaf9;
--ui-surface-inverse-hover: #e7e5e4;
--ui-border: rgba(255, 255, 255, 0.09);
--ui-border-strong: rgba(255, 255, 255, 0.16);
--ui-border-contrast: rgba(24, 24, 27, 0.12);
--ui-text-primary: #fafaf9;
--ui-text-secondary: #d4d4d8;
--ui-text-tertiary: #a1a1aa;
--ui-text-inverse: #18181b;
--ui-focus-ring: rgba(255, 255, 255, 0.1);
--ui-focus-ring-strong: rgba(255, 255, 255, 0.25);
--ui-shadow-card: 0 20px 40px rgba(0, 0, 0, 0.28);
--ui-shadow-floating: 0 24px 60px rgba(0, 0, 0, 0.36);
--ui-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);
--ui-selection-bg: rgba(255, 255, 255, 0.18);
--ui-selection-fg: #fafaf9;
--ui-accent-muted: rgba(211, 36, 70, 0.16);

--ui-status-neutral-surface: #1b1b1e;
--ui-status-neutral-border: #2f2f35;
--ui-status-neutral-text: #d4d4d8;
--ui-status-neutral-solid: #f5f5f4;
--ui-status-neutral-solid-text: #18181b;

--ui-status-info-surface: #171c22;
--ui-status-info-border: #26323e;
--ui-status-info-text: #d7e0ea;
--ui-status-info-solid: #cbd5e1;
--ui-status-info-solid-text: #111827;

--ui-status-success-surface: #171d18;
--ui-status-success-border: #2a382d;
--ui-status-success-text: #d8e4d2;
--ui-status-success-solid: #d4e0cd;
--ui-status-success-solid-text: #182416;

--ui-status-warning-surface: #211b14;
--ui-status-warning-border: #3b2f1f;
--ui-status-warning-text: #eedfbe;
--ui-status-warning-solid: #f2dfb4;
--ui-status-warning-solid-text: #2d2111;

--ui-status-error-surface: #22171a;
--ui-status-error-border: #3c262d;
--ui-status-error-text: #f0d7dd;
--ui-status-error-solid: #f1d7dd;
--ui-status-error-solid-text: #2a171c;
}

body {
color: var(--ui-text-primary);
background: var(--ui-page-background);
background-attachment: fixed;
min-height: 100vh;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#root {
min-height: 100vh;
isolation: isolate;
}

a {
color: var(--link-color);
transition: color 0.15s ease;
}

a:hover {
color: var(--link-color-hover);
}

button,
input,
textarea,
select {
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

::selection {
background: var(--ui-selection-bg);
color: var(--ui-selection-fg);
}

:root {
--black: #000;
--white: #fff;

--font-sans: "Avenir Next", "Segoe UI Variable", "SF Pro Display", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--default-font-feature-settings: normal;
--default-font-variation-settings: normal;

--hover-brightness: 1.2;

/* Brand color tokens */
--brand-500: #D32446;
--brand-600: #b71a3a;

/* Link colors - shadcn/UI compatible */
--link-color: var(--brand-500);
--link-color-hover: var(--brand-600);

/* Rose Colors */
--rose-50: #fff1f2;
--rose-100: #ffe4e6;
--rose-200: #fecdd3;
--rose-300: #fda4af;
--rose-400: #fb7185;
--rose-500: #f43f5e;
--rose-600: #e11d48;
--rose-700: #be123c;
--rose-800: #9f1239;
--rose-900: #881337;

/* Pink Colors */
--pink-50: #fdf2f8;
--pink-100: #fce7f3;
--pink-200: #fbcfe8;
--pink-300: #f9a8d4;
--pink-400: #f472b6;
--pink-500: #ec4899;
--pink-600: #db2777;
--pink-700: #be185d;
--pink-800: #9d174d;
--pink-900: #831843;

/* Fuchsia Colors */
--fuchsia-50: #fdf4ff;
--fuchsia-100: #fae8ff;
--fuchsia-200: #f5d0fe;
--fuchsia-300: #f0abfc;
--fuchsia-400: #e879f9;
--fuchsia-500: #d946ef;
--fuchsia-600: #c026d3;
--fuchsia-700: #a21caf;
--fuchsia-800: #86198f;
--fuchsia-900: #701a75;

/* Purple Colors */
--purple-50: #faf5ff;
--purple-100: #f3e8ff;
--purple-200: #e9d5ff;
--purple-300: #d8b4fe;
--purple-400: #c07eff;
--purple-500: #a855f7;
--purple-600: #9333ea;
--purple-700: #7e22ce;
--purple-800: #6b21a8;
--purple-900: #581c87;

/* Violet Colors */
--violet-50: #f5f3ff;
--violet-100: #ede9fe;
--violet-200: #ddd6fe;
--violet-300: #c4b5fd;
--violet-400: #a78bfa;
--violet-500: #8b5cf6;
--violet-600: #7c3aed;
--violet-700: #6d28d9;
--violet-800: #5b21b6;
--violet-900: #4c1d95;

/* Indigo Colors */
--indigo-50: #eef2ff;
--indigo-100: #e0e7ff;
--indigo-200: #c7d2fe;
--indigo-300: #a5b4fc;
--indigo-400: #818cf8;
--indigo-500: #6366f1;
--indigo-600: #4f46e5;
--indigo-700: #4338ca;
--indigo-800: #3730a3;
--indigo-900: #312e81;

/* Blue Colors - Muted steel blue for professional UI */
--blue-50: #f3f6fa;
--blue-100: #e1e8f0;
--blue-200: #c5d2e0;
--blue-300: #a3b4c8;
--blue-400: #8198af;
--blue-500: #607d96;
--blue-600: #4c667d;
--blue-700: #3a5065;
--blue-800: #2b3d4e;
--blue-900: #1d2d3b;

/* Light Blue / Sky Colors - Muted steel-blue derived */
--light-blue-50: #f4f7fb;
--light-blue-100: #e3ecf4;
--light-blue-200: #c8d8e8;
--light-blue-300: #a6c0d6;
--light-blue-400: #83a7c2;
--light-blue-500: #6690ae;
--light-blue-600: #527a97;
--light-blue-700: #3f6280;
--light-blue-800: #2f4c64;
--light-blue-900: #21384a;

/* Cyan Colors */
--cyan-50: #ecfeff;
--cyan-100: #cffafe;
--cyan-200: #a5f3fc;
--cyan-300: #67e8f9;
--cyan-400: #22d3ee;
--cyan-500: #06b6d4;
--cyan-600: #0891b2;
--cyan-700: #0e7490;
--cyan-800: #155e75;
--cyan-900: #164e63;

/* Teal Colors */
--teal-50: #f0fdfa;
--teal-100: #ccfbf1;
--teal-200: #99f6e4;
--teal-300: #5eead4;
--teal-400: #2dd4bf;
--teal-500: #14b8a6;
--teal-600: #0d9488;
--teal-700: #0f766e;
--teal-800: #115e59;
--teal-900: #134e4a;

/* Emerald Colors */
--emerald-50: #ecfdf5;
--emerald-100: #d1fae5;
--emerald-200: #a7f3d0;
--emerald-300: #6ee7b7;
--emerald-400: #34d399;
--emerald-500: #10b981;
--emerald-600: #059669;
--emerald-700: #047857;
--emerald-800: #065f46;
--emerald-900: #064e3b;

/* Green Colors - Muted sage green for professional UI */
--green-50: #f4f7f2;
--green-100: #e4ebdf;
--green-200: #cdd8c5;
--green-300: #b5c5ab;
--green-400: #A3BE8C;
--green-500: #7a9a68;
--green-600: #5f7d50;
--green-700: #47613c;
--green-800: #344a2d;
--green-900: #243620;

/* Lime Colors */
--lime-50: #f7fee7;
--lime-100: #ecfccb;
--lime-200: #d9f99d;
--lime-300: #bef264;
--lime-400: #a3e635;
--lime-500: #84cc16;
--lime-600: #65a30d;
--lime-700: #4d7c0f;
--lime-800: #3f6212;
--lime-900: #365314;

/* Yellow Colors */
--yellow-50: #fefce8;
--yellow-100: #fef9c3;
--yellow-200: #fef08a;
--yellow-300: #fde047;
--yellow-400: #facc15;
--yellow-500: #eab308;
--yellow-600: #ca8a04;
--yellow-700: #a16207;
--yellow-800: #854d0e;
--yellow-900: #713f12;

/* Amber Colors */
--amber-50: #fffbeb;
--amber-100: #fef3c7;
--amber-200: #fde68a;
--amber-300: #fcd34d;
--amber-400: #fbbf24;
--amber-500: #f59e0b;
--amber-600: #d97706;
--amber-700: #b45309;
--amber-800: #92400e;
--amber-900: #78350f;

/* Orange Colors */
--orange-50: #fff7ed;
--orange-100: #ffedd5;
--orange-200: #fed7aa;
--orange-300: #fdba74;
--orange-400: #fb923c;
--orange-500: #f97316;
--orange-600: #ea580c;
--orange-700: #c2410c;
--orange-800: #9a3412;
--orange-900: #7c2d12;

/* Red Colors - Nord aurora aligned */
--red-50: #faf0f2;
--red-100: #f5dce0;
--red-200: #e8c0c5;
--red-300: #d9999f;
--red-400: #cf7b83;
--red-500: #BF616A;
--red-600: #994E55;
--red-700: #7a3e44;
--red-800: #5e2f34;
--red-900: #432125;

/* Warm Gray Colors */
--warm-gray-50: #fafaf9;
--warm-gray-100: #f5f5f4;
--warm-gray-200: #e7e5e4;
--warm-gray-300: #d6d3d1;
--warm-gray-400: #a8a29e;
--warm-gray-500: #78716c;
--warm-gray-600: #57534e;
--warm-gray-700: #44403c;
--warm-gray-800: #292524;
--warm-gray-900: #1c1917;

/* True Gray Colors */
--true-gray-50: #fafafa;
--true-gray-100: #f5f5f5;
--true-gray-200: #e5e5e5;
--true-gray-300: #d4d4d4;
--true-gray-400: #a3a3a3;
--true-gray-500: #737373;
--true-gray-600: #525252;
--true-gray-700: #404040;
--true-gray-800: #262626;
--true-gray-900: #171717;

/* Gray Colors - Pure neutral (Cursor-style, no blue tint) */
--gray-50: #fafafa;
--gray-100: #f5f5f5;
--gray-200: #e5e5e5;
--gray-300: #d4d4d4;
--gray-400: #a3a3a3;
--gray-500: #737373;
--gray-600: #525252;
--gray-700: #404040;
--gray-800: #262626;
--gray-900: #171717;

/* Cool Gray Colors */
--cool-gray-50: #f9fafb;
--cool-gray-100: #f3f4f6;
--cool-gray-200: #e5e7eb;
--cool-gray-300: #d1d5db;
--cool-gray-400: #9ca3af;
--cool-gray-500: #6b7280;
--cool-gray-600: #4b5563;
--cool-gray-700: #374151;
--cool-gray-800: #1f2937;
--cool-gray-900: #111827;

--blue-gray-50: #f8fafc;
--blue-gray-100: #f1f5f9;
--blue-gray-200: #e2e8f0;
--blue-gray-300: #cbd5e1;
--blue-gray-400: #94a3b8;
--blue-gray-500: #64748b;
--blue-gray-600: #475569;
--blue-gray-700: #334155;
--blue-gray-800: #1e293b;
--blue-gray-900: #0f172a;
}

:root {
--zindex-20: 20;
--zindex-10: 10;
--zindex-9: 9;
--zindex-8: 8;
--zindex-7: 7;
--zindex-6: 6;
--zindex-5: 5;
--zindex-4: 4;
--zindex-3: 3;
--zindex-2: 2;
--zindex-1: 1;
--zindex-0: 0;
--opacity-100: 1;
--opacity-95: 0.95;
--opacity-90: 0.9;
--opacity-85: 0.85;
--opacity-80: 0.8;
--opacity-75: 0.75;
--opacity-70: 0.7;
--opacity-65: 0.65;
--opacity-60: 0.6;
--opacity-55: 0.55;
--opacity-50: 0.5;
--opacity-45: 0.45;
--opacity-40: 0.4;
--opacity-35: 0.35;
--opacity-30: 0.3;
--opacity-25: 0.25;
--opacity-20: 0.2;
--opacity-15: 0.15;
--opacity-10: 0.1;
--opacity-5: 0.05;
--gutters-xxxl: 128px;
--gutters-xxl: 112px;
--gutters-xl: 48px;
--gutters-lg: 32px;
--gutters-md: 16px;
--gutters-sm: 4px;
--gutters-xs: 0px;
--font-family-default-secondary: "Bower",Georgia,"Times New Roman",serif;
--font-family-default-primary: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
--font-weight-bold: 700;
--font-weight-medium: 500;
--font-weight-regular: 400;
--font-weight-light: 300;
--elevation-16: 0px 16px 32px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.15);
--elevation-8: 0px 8px 16px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.15);
--elevation-4: 0px 4px 8px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.15);
--elevation-2: 0px 2px 4px -1px rgba(5,28,44,.2),0px 0px 1px 0px rgba(5,28,44,.2);
--elevation-light-16: 0px 16px 16px -1px rgba(117, 117, 117, 0.15);
--elevation-light-8: 0px 8px 8px -1px rgba(117, 117, 117, 0.12);
--elevation-light-4: 0px 4px 4px -1px rgba(117, 117, 117, 0.10);
--elevation-light-2: 0px 2px 2px -1px rgba(117, 117, 117, 0.08);
--elevation-dark-16: 0px 16px 16px -1px rgba(0, 0, 0, 0.25);
--elevation-dark-8: 0px 8px 8px -1px rgba(0, 0, 0, 0.20);
--elevation-dark-4: 0px 4px 4px -1px rgba(0, 0, 0, 0.15);
--elevation-dark-2: 0px 2px 2px -1px rgba(0, 0, 0, 0.10);
--color-status-dark-neutral: #1b1b19;
--color-status-light-neutral: #ebebf6;
--color-status-dark-blue: #3a5065;
--color-status-light-blue: #e1e8f0;
--color-status-dark-yellow: #C9A055;
--color-status-yellow: #EBCB8B;
--color-status-light-yellow: #F9F0DA;
--color-status-dark-red: #994E55;
--color-status-red: #BF616A;
--color-status-light-red: #F2DCDE;
--color-status-dark-green: #6B8A56;
--color-status-green: #A3BE8C;
--color-status-light-green: #E5EEDC;
--color-neutral-black: #000;
--color-neutral-dark-neutral: #1b1b19;
--color-neutral-gray-80: #404040;
--color-neutral-gray-70: #525252;
--color-neutral-gray-60: #737373;
--color-neutral-gray-54: #737373;
--color-neutral-gray-30: #a3a3a3;
--color-neutral-gray-18: #d4d4d4;
--color-neutral-gray-10: #e5e5e5;
--color-neutral-gray-06: #f5f5f5;
--color-neutral-gray-04: #f5f5f5;
--color-neutral-gray-03: #fafafa;
--color-neutral-gray-02: #fafafa;
--color-neutral-hover-gray: #f5f5f5;
--color-neutral-active-gray: #e5e5e5;
--color-neutral-white: #fff;
--color-functional-orange: #D08770;
--color-functional-red: #BF616A;
--color-functional-pink: #B48EAD;
--color-functional-purple: #B48EAD;
--color-functional-turquoise: #8FBCBB;
--color-functional-pale-blue: #c5d2e0;
--color-functional-blue-transition-4: #a3b4c8;
--color-functional-blue-transition-3: #8198af;
--color-functional-blue-transition-2: #4c667d;
--color-functional-blue-transition-1: #2b3d4e;
--color-palette-cyan: #607d96;
--color-palette-deep-blue: #171717;
--color-palette-electric-blue: #171717;
--color-electric-blue-200: #e5e5e5;
--color-electric-blue-900: #171717;
--breakpoint-xxxl: 1920px;
--breakpoint-xxl: 1440px;
--breakpoint-xl: 1180px;
--breakpoint-lg: 768px;
--breakpoint-md: 480px;
--breakpoint-sm: 375px;
--breakpoint-xs: 320px;
--size-page-wrapper-1312: 82rem;
--size-page-wrapper-1216: 76rem;
--size-page-wrapper-928: 58rem;
--size-page-wrapper-768: 48rem;
--size-spacing-base-unit: 0.5rem;
--size-spacing-80: 5rem;
--size-spacing-72: 4.5rem;
--size-spacing-64: 4rem;
--size-spacing-56: 3.5rem;
--size-spacing-48: 3rem;
--size-spacing-40: 2.5rem;
--size-spacing-32: 2rem;
--size-spacing-24: 1.5rem;
--size-spacing-16: 1rem;
--size-spacing-8: 0.5rem;
--size-spacing-4: 0.25rem;
--size-line-height-136: 8.5rem;
--size-line-height-96: 6rem;
--size-line-height-92: 5.75rem;
--size-line-height-76: 4.75rem;
--size-line-height-64: 4rem;
--size-line-height-52: 3.25rem;
--size-line-height-44: 2.75rem;
--size-line-height-40: 2.5rem;
--size-line-height-36: 2.25rem;
--size-line-height-32: 2rem;
--size-line-height-28: 1.75rem;
--size-line-height-24: 1.5rem;
--size-line-height-20: 1.25rem;
--size-line-height-16: 1rem;
--size-icon-200: 12.5rem;
--size-icon-128: 8rem;
--size-icon-96: 6rem;
--size-icon-64: 4rem;
--size-icon-48: 3rem;
--size-icon-40: 2.5rem;
--size-icon-32: 2rem;
--size-icon-24: 1.5rem;
--size-icon-16: 1rem;
--size-icon-12: 0.75rem;
--size-icon-10: 0.625rem;
--size-font-120: 7.5rem;
--size-font-92: 5.75rem;
--size-font-76: 4.75rem;
--size-font-64: 4rem;
--size-font-52: 3.25rem;
--size-font-44: 2.75rem;
--size-font-36: 2.25rem;
--size-font-28: 1.75rem;
--size-font-26: 1.625rem;
--size-font-24: 1.5rem;
--size-font-20: 1.25rem;
--size-font-18: 1.125rem;
--size-font-16: 1rem;
--size-font-14: 0.875rem;
--size-font-12: 0.75rem;
--size-font-10: 0.625rem;
--size-border-width-4: 0.25rem;
--size-border-width-3: 0.1875rem;
--size-border-width-2: 0.125rem;
--size-border-width-1: 0.0625rem;
--size-border-radius-20: 1.25rem;
--size-border-radius-10: 0.625rem;
--size-border-radius-8: 0.5rem;
--size-border-radius-4: 0.25rem;
--size-border-radius-2: 0.125rem;
--typography-color-body: var(--color-neutral-gray-80);
--typography-color-heading: var(--color-neutral-black);
--color-status-neutral: var(--color-neutral-gray-80);
--color-status-blue: var(--color-palette-electric-blue);
--color-functional-pale-electric-blue: var(--color-palette-electric-blue);
--color-tertiary: var(--color-palette-cyan);
--color-secondary: var(--color-palette-deep-blue);
--color-primary: var(--color-palette-electric-blue);
}

:root {
--button-primary-background: var(--color-palette-electric-blue);
--button-primary-text: var(--color-neutral-white);
--button-primary-background-hover: var(--color-neutral-white);
--button-primary-text-hover: var(--color-palette-electric-blue);
--button-primary-border-hover: var(--color-palette-electric-blue);
--button-secondary-text: var(--color-status-dark-blue);
--button-secondary-border: var(--color-palette-electric-blue);
--button-secondary-border-hover: var(--color-palette-electric-blue);
--button-secondary-background: transparent;
--button-secondary-background-hover: var(--color-palette-electric-blue);
--button-secondary-text-hover: var(--color-neutral-white);
--button-tertiary-background-hover: var(--color-palette-electric-blue);
--button-tertiary-text: var(--color-neutral-black);
--button-tertiary-text-hover: var(--color-neutral-white);
--button-tertiary-border: var(--color-neutral-black);
--button-tertiary-border-hover: var(--color-palette-electric-blue);
--button-minimal-primary: var(--color-palette-electric-blue);
--button-minimal-secondary: var(--color-neutral-black);
--button-minimal-tertiary: var(--color-neutral-black);
--button-minimal-tertiary-hover: var(--color-palette-electric-blue);
--inline-link-text: var(--color-neutral-gray-80);
--inline-link-border: var(--color-palette-electric-blue);
--inline-link-text-hover: var(--color-neutral-white);
--inline-link-border-hover: transparent;
--inlike-link-background-hover: var(--color-palette-electric-blue);
--hero-text: var(--color-neutral-black);
--text-shadow: none;
--heading-link-default-border-color: var(--color-palette-electric-blue);
--heading-link-default-hover-color: var(--color-palette-electric-blue);
--root-share-icon-color: var(--color-neutral-black);
--root-share-icon-color-hover: var(--color-palette-electric-blue);
--text-color-default: var(--color-neutral-black);
--loader-border-top: var(--color-palette-deep-blue);
--loader-border: var(--color-neutral-gray-06);
--link-color-icon-default: var(--color-palette-electric-blue);
--link-color-icon-default-hover: var(--color-primary);
--link-color-default: var(--color-palette-electric-blue);
--link-color-default-hover: var(--color-palette-electric-blue);
--link-color-secondary-default: var(--color-neutral-gray-80);
--link-color-secondary-default-hover: var(--color-neutral-gray-80);
--link-inline-default-color: var(--color-neutral-gray-80);
--link-inline-default-hover-color: var(--color-neutral-white);
--link-inline-default-border-color: var(--color-primary);
--link-inline-default-border-hover-color: var(--color-primary);
--link-inline-default-background-hover-color: var(--color-primary);
--link-inline-secondary-hover-color: var(--color-neutral-white);
--link-inline-secondary-background-hover-color: var(--color-neutral-gray-80);
--link-color-text-default: var(--color-neutral-black);
--link-color-text-default-hover: var(--color-primary);
--link-cta-icon-color: var(--color-palette-electric-blue);
--link-icon-color: var(--color-neutral-gray-80);
--link-icon-hover-color: var(--color-palette-electric-blue);
--link-icon-radial-hover-color: var(--color-neutral-white);
--link-heading-color: var(--color-neutral-black);
--link-heading-hover-color: var(--color-palette-electric-blue);
}

html.dark {
/* background */
--bg-emphasis: #2b2b2b;
--bg: #101010;
--bg-subtle: #2b2b2b;
--bg-muted: #1c1c1c;
--bg-inverted: #f5f5f5;

/* background -> components*/
--bg-info: #1e2d3b;
--bg-success: #2a3d27;
--bg-attention: #3d2e22;
--bg-error: #3d2226;
--bg-dark-error: #331c20;

/* Borders */
--border-emphasis: #575757;
--border: #d8dee4;
--border-subtle: #2b2b2b;
--border-booker: #2b2b2b;
--border-muted: #1c1c1c;
--border-error: #aa2e26;

/* Content/Text */
--base: #fff;
--text-emphasis: color-mix(in oklab, var(--base) 94%, transparent);
--text: color-mix(in oklab, var(--base) 70%, transparent);
--text-subtle: color-mix(in oklab, var(--base) 58%, transparent);
--text-muted: color-mix(in oklab, var(--base) 48%, transparent);
--text-inverted: #101010;

/* Content/Text -> components */
--text-info: #dee9fc;
--text-success: #e2fbe8;
--text-attention: #fceed8;
--text-error: #f9e3e2;

/* Brand shenanigans
    -> These will be computed for the users theme at runtime.
    */
--brand: #292929;
--brand-emphasis: #696969;
--brand-text: black;

/* Typography — critical for dark mode text visibility */
--typography-color-body: var(--text);
--typography-color-heading: var(--text-emphasis);
--text-color-default: var(--text-emphasis);
--hero-text: var(--text-emphasis);

/* Neutral palette inversion */
--color-neutral-black: var(--text-emphasis);
--color-neutral-white: var(--bg);
--color-neutral-gray-80: var(--text);
--color-neutral-gray-70: var(--text-subtle);
--color-neutral-gray-60: var(--text-muted);
--color-neutral-gray-30: #525252;
--color-neutral-gray-18: #404040;
--color-neutral-gray-10: #2b2b2b;
--color-neutral-gray-06: #1c1c1c;
--color-neutral-gray-04: #1c1c1c;
--color-neutral-gray-03: #171717;
--color-neutral-gray-02: #171717;
--color-neutral-hover-gray: #2b2b2b;
--color-neutral-active-gray: #404040;

/* Center channel */
--center-channel-bg: var(--bg);
--center-channel-color: var(--text);
--center-channel-text: var(--text);
--sys-center-channel-bg: var(--bg);
--sys-center-channel-color: var(--text);
--center-channel-color-rgb: 212, 212, 212;
--sys-center-channel-color-rgb-new: 212, 212, 212;

/* Misc backgrounds */
--white: var(--bg);
--mention-bg: var(--bg-subtle);
--mention-color: var(--text);
--background--50: var(--bg);
--background--100: #2b2b2b;
--background--200: #171717;
--background--300: #1c1c1c;
--off-white: #171717;
--bg-card: #1c1c1c;
--bg-cream: #171717;

/* Buttons */
--button-color: var(--bg);
--button-background: rgba(255,255,255,.08);
--button-primary-background: var(--text-emphasis);
--button-primary-text: var(--bg);
--button-primary-background-hover: var(--text);
--button-primary-text-hover: var(--bg);
--button-primary-border-hover: var(--text);
--button-secondary-text: var(--text);
--button-secondary-border: var(--border-emphasis);
--button-secondary-background: transparent;
--button-secondary-text-hover: var(--bg);
--button-tertiary-text: var(--text-emphasis);
--button-tertiary-text-hover: var(--bg);
--button-tertiary-border: var(--text-emphasis);
--button-minimal-primary: var(--text-emphasis);
--button-minimal-secondary: var(--text-emphasis);
--button-minimal-tertiary: var(--text-emphasis);
--btn-bg-color: var(--text-emphasis);
--btn-text-color: var(--bg);
--btn-border-color: var(--text-emphasis);
--btn-bg-color-hover: var(--text);
--btn-text-color-hover: var(--bg);
--btn-border-color-hover: var(--text);

/* Links */
--link-color-text-default: var(--text-emphasis);
--link-color-text-default-hover: var(--text);
--link-color-secondary-default: var(--text-subtle);
--link-heading-color: var(--text-emphasis);
--inline-link-text: var(--text);
--link-icon-color: var(--text-subtle);

/* Status & loader */
--loader-border-top: var(--text-emphasis);
--loader-border: #2b2b2b;

/* Shadows */
--shadow-small: 0 2px 5px 0 rgba(0,0,0,.3), 0 1px 1px 0 rgba(0,0,0,.4);
--shadow-medium: 0 7px 14px 0 rgba(0,0,0,.3), 0 3px 6px 0 rgba(0,0,0,.4);
--shadow-large: 0 15px 35px 0 rgba(0,0,0,.3), 0 5px 15px 0 rgba(0,0,0,.4);

/* Misc tokens */
--primary--50: #171717;
--primary--100: #1c1c1c;
--primary--200: #262626;
--primary--300: #404040;
--primary--400: #737373;
--primary--500: #a3a3a3;
--neutrals--100: #404040;
--neutrals--200: #525252;
--neutrals--300: #737373;
--neutrals--400: #a3a3a3;
--neutrals--500: #a3a3a3;
--neutrals--600: #d4d4d4;
--neutrals--700: #e5e5e5;
--neutrals--800: #f5f5f5;
--neutrals--900: #fafafa;

/* Chakra color scale inversions (fallback layer — shadcn-variables.css has !important) */
--chakra-colors-white: #0a0a0a;
--chakra-colors-black: #fafafa;

--chakra-colors-blackAlpha-50: rgba(255, 255, 255, 0.04);
--chakra-colors-blackAlpha-100: rgba(255, 255, 255, 0.06);
--chakra-colors-blackAlpha-200: rgba(255, 255, 255, 0.08);
--chakra-colors-blackAlpha-300: rgba(255, 255, 255, 0.16);
--chakra-colors-blackAlpha-400: rgba(255, 255, 255, 0.24);
--chakra-colors-blackAlpha-500: rgba(255, 255, 255, 0.36);
--chakra-colors-blackAlpha-600: rgba(255, 255, 255, 0.48);
--chakra-colors-blackAlpha-700: rgba(255, 255, 255, 0.64);
--chakra-colors-blackAlpha-800: rgba(255, 255, 255, 0.80);
--chakra-colors-blackAlpha-900: rgba(255, 255, 255, 0.92);

--chakra-colors-whiteAlpha-50: rgba(0, 0, 0, 0.04);
--chakra-colors-whiteAlpha-100: rgba(0, 0, 0, 0.06);
--chakra-colors-whiteAlpha-200: rgba(0, 0, 0, 0.08);
--chakra-colors-whiteAlpha-300: rgba(0, 0, 0, 0.16);
--chakra-colors-whiteAlpha-400: rgba(0, 0, 0, 0.24);
--chakra-colors-whiteAlpha-500: rgba(0, 0, 0, 0.36);
--chakra-colors-whiteAlpha-600: rgba(0, 0, 0, 0.48);
--chakra-colors-whiteAlpha-700: rgba(0, 0, 0, 0.64);
--chakra-colors-whiteAlpha-800: rgba(0, 0, 0, 0.80);
--chakra-colors-whiteAlpha-900: rgba(0, 0, 0, 0.92);

--chakra-colors-gray-50: #18181b;
--chakra-colors-gray-100: #1c1c1f;
--chakra-colors-gray-200: #27272a;
--chakra-colors-gray-300: #3f3f46;
--chakra-colors-gray-400: #52525b;
--chakra-colors-gray-500: #71717a;
--chakra-colors-gray-600: #a1a1aa;
--chakra-colors-gray-700: #d4d4d8;
--chakra-colors-gray-800: #e4e4e7;
--chakra-colors-gray-900: #fafafa;

--chakra-colors-blue-50: #1d2d3b;
--chakra-colors-blue-100: #2b3d4e;
--chakra-colors-blue-200: #3a5065;
--chakra-colors-blue-300: #4c667d;
--chakra-colors-blue-400: #607d96;
--chakra-colors-blue-500: #8198af;
--chakra-colors-blue-600: #a3b4c8;
--chakra-colors-blue-700: #c5d2e0;
--chakra-colors-blue-800: #e1e8f0;
--chakra-colors-blue-900: #f3f6fa;

}

/*
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("/fonts/Inter-roman.var.woff2") format("woff2");
}*/

:root {
/* colors */
--primary: #171717;
--secondary: #f5f5f5;
--tertiary: #B48EAD;
--quaternary: #EBCB8B;

--green: #A3BE8C;
--coral: #D08770;
--gold: #EBCB8B;

--secondary-darker: #C9A055;
--primary-darker: var(--brand-emphasis);
--chakra-colors-blue-500: var(--blue-500);

/* classification colors */
--light-green: #E5EEDC;
--light-red: #F2DCDE;

--color-normal: #166434;
--color-murmur: #8e2534;
--color-pending: #52525b;
--color-noise: #262626;

/* buttons */
--btn-bg-color: var(--primary);
--btn-bg-color-hover: #565564;
--btn-text-color: var(--white);
--btn-text-color-hover: var(--white);
--btn-border-color: #0d0c22;
--btn-border-color-hover: #565564;

/* background */
--bg-emphasis: #e5e7eb;
--bg: white;
--bg-subtle: #fafafc;
--bg-muted: #f9fafb;
--bg-inverted: #111827;
--bg-cream: #f7f5f2;
--bg-card: #f6f9fc;

/* background -> components*/
--bg-info: #dee9fc;
--bg-success: #e2fbe8;
--bg-attention: #fceed8;
--bg-error: #f9e3e2;
--bg-dark-error: #752522;

/* Borders */
--border-emphasis: #9ca3af;
--border: #d8dee4;
--border-subtle: #e5e7eb;
--border-booker: #e5e7eb;
--border-muted: #f3f4f6;
--border-error: #aa2e26;

/* Content/Text */
--text-emphasis: #111827;
--text: #414552;
--text-subtle: #6b7280;
--text-muted: #9ca3af;
--text-inverted: white;

/* Content/Text -> components */
--text-info: #253985;
--text-success: #285231;
--text-attention: #73321b;
--text-error: #752522;
--red: var(--text-error);

/* Brand shinanigans
  */
--brand: #171717;
--brand-emphasis: hsla(0, 0%, 6%, 1);
--brand-text: hsla(0, 0%, 100%, 1);

--shadow-small:  0 2px  5px  0 rgba( 60, 66,87 , .08 ), 0 1px 1px  0 rgba( 0,0,0 , .12 );
--shadow-medium: 0 7px  14px 0 rgba( 60,66,87 , .08 ),  0 3px 6px  0 rgba( 0,0,0 , .12 );
--shadow-large:  0 15px 35px 0 rgba( 60,66,87 , .08 ),  0 5px 15px 0 rgba( 0,0,0 , .12 );

--mention-bg: #ffffff;
--mention-color: #3a5065;
--sidebar-text: #ffffff;
--sidebar-text-rgb: 255, 255, 255;
--sidebar-header-text-color: #ffffff;
--sidebar-bg: #262626;
--sys-sidebar-bg: #262626;
--sys-sidebar-bg-rgb: 38, 38, 38;
--sidebar-text-active-border: #607d96;
--away-indicator-rgb: 235, 203, 139;
--center-channel-color-rgb: 64, 64, 64;
--sys-error-text: #BF616A;
--sys-sidebar-text-active-border: #607d96;
--sys-center-channel-color: var(--text);
--sys-center-channel-bg: var(--bg);
--sys-center-channel-color-rgb: #d4d4d4;
--sys-center-channel-color-rgb-new: 64, 64, 64;
--sys-online-indicator: #A3BE8C;
--center-channel-bg: var(--bg);
--center-channel-text: var(--text);
--center-channel-color: var(--text);
--button-color: var(--bg);
--away-indicator-dark: #C9A055;
--online-indicator: #A3BE8C;
--sys-button-bg: var(--primary);
--away-indicator: #EBCB8B;
--sys-error-text-color-rgb: 191, 97, 106;
--error-text: #BF616A;


--black: #000;
--background--50: var(--bg);
--off-white: #fefdf9;
--pastel-red: #F2DCDE;
--pastel-blue: #88C0D0;
--pastel-yellow: #EBCB8B;
--pastel-orange: #D08770;
--gray-2: #737373;
--background--300: #f5f5f5;
--purple: #B48EAD;
--blue: #607d96;
--gray: rgba(0,0,0,.5);
--neutrals--100: #e5e5e5;
--neutrals--300: #a3a3a3;
--primary--50: #fafafa;
--primary--400: #737373;
--border-radius--m: 0.5rem;
--neutrals--900: #171717;
--primary--200: #e5e5e5;
--900: #171717;
--background--100: #e5e5e5;
--border-radius--l: 0.75rem;
--error: #BF616A;
--neutrals--600: #525252;
--primary--300: #d4d4d4;
--primary--500: #404040;
--button-background: rgba(255,255,255,.15);
--background--200: #fafafa;
--neutrals--400: #a3a3a3;
--neutrals--200: #d4d4d4;
--neutrals--500: #737373;
--border-radius--s: 0.25rem;
--neutrals--800: #262626;
--neutrals--700: #404040;
--primary--100: #f5f5f5;
}

body {
margin: 0;
padding: 0;
line-height: 1.2;
font-family: var(--font-family-default-primary);
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
margin: 0 auto;
overflow-x: hidden;
color: var(--typography-color-body);
background: var(--bg);
}

::-moz-selection {
color: var(--brand-text);
background: var(--brand);
}

::selection {
color: var(--brand-text);
background: var(--brand);
}

body  {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 100%;
}

html, body {
height: 100%;
}

[type="text"]:focus,
[type="email"]:focus,
[type="url"]:focus,
[type="password"]:focus,
[type="number"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="checkbox"]:focus,
[type="radio"]:focus,
[type="time"]:focus,
[type="week"]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
--tw-ring-color: var(--primary);
border-color: var(--primary);
}

canvas {
display: unset !important;
}

h1.xxlarge {
  font-weight: 400;
  font-size: 80px;
  line-height: 1.1em;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.ordered-list li:before {
  content: counter(item);
  display: flex;
  min-height: 48px;
  min-width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border: 1px solid rgb(41 54 83/var(--tw-border-opacity));
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.ordered-list li:not(:last-child) {
  margin-bottom: 1.5rem;
}

.items-center {
  align-items: center;
}

.flex {
  display: flex;
}

:after, :before {
--tw-content: "";
}

*, :after, :before {
box-sizing: border-box;
border: 0 solid;
}

.overflow-x-hidden {
overflow-x: hidden;
}

.justify-center {
justify-content: center;
}

.items-center {
align-items: center;
}

.flex-col {
flex-direction: column;
}

.w-full {
width: 100%;
}

.relative {
position: relative;
}

.bg-gradient-green {
background: linear-gradient(0deg,#051c37 0%,#0b2c54 100%);
color: var(--white);
}

.white-wave-not-inverted {
top: -135px;
}

@media (min-width: 1024px) {
.section-wave {
    left: 0 !important;
}
}

@media (min-width: 640px) {
.section-wave {
    left: -336px;
}
}

@media (min-width: 640px) {
.sm\:pt-36 {
  padding-top: 9rem !important
}
}

.gap-4 {
gap: 1rem;
}


.section-wave {
left: -532px;
line-height: 0;
min-width: 1440px;
overflow: hidden;
position: absolute;
width: 100%;
}

.section-wave svg {
position: relative;
display: block;
height: 192px;
width: 100%;
}

@media (min-width: 640px) {
.sm\:max-w-none {
  max-width: none;
}
}

@media (min-width: 640px) {
.sm\:pb-20 {
  padding-bottom: 5rem;
}
}

@media (min-width: 1280px) {
.container {
  max-width: 1000px;
}
}

.max-w-\[200px\] {
max-width: 200px;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}


audio, canvas, embed, iframe, img, object, svg, video {
display: block;
vertical-align: middle;
}


menu, ol, ul {
list-style: none;
margin: 0;
padding: 0;
}

.ordered-list li {
counter-increment: item;
}


.MuiAppBar-colorPrimary {
color: var(--black);
background-color: var(--white) !important;
}

.MuiPaper-elevation4 {
box-shadow: 0px 2px 4px -1px rgb(255 255 255 / 20%), 0px 4px 5px 0px rgb(217 217 217 / 14%), 0px 1px 10px 0px rgb(255 255 255 / 12%) !important;
}

.MuiSvgIcon-root {
fill: var(--text-emphasis) !important;
}

/* Keep Lucide icons stroke-only across the app. */
.lucide,
.lucide * {
fill: none !important;
}

.MuiTypography-colorInherit {
color: var(--text-emphasis) !important
}

.btn-primary, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
outline: none;
box-shadow: none;
}

.page-item.active .page-link {
z-index: 3;
color: var(--black);
background-color: var(--gray-200) !important;
border-color: var(--gray-300) !important;
}

.pagination > li > a, .pagination > li > span {
color: var(--black);
}

.bg-white {
background: var(--white);
}


.pt-4 {
padding-top: 40px;
}

.mt-4 {
margin-top:40px;
}

.mt-3 {
margin-top:30px;
}

.mt-2 {
margin-top:20px;
}

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

.mb-2 {
margin-bottom: 20px;
}

.mb-3 {
margin-bottom: 30px;
}

.mb-4 {
margin-bottom: 40px;
}

.ml-2 {
margin-left: 20px;
}

.mb-1 {
margin-bottom: 10px;
}

.inline {
display: inline-block;
}

.center, .align-center {
text-align: center;
}

.pb-4 {
padding-bottom: 40px;
}

.navbar-default .navbar-toggle {
  border-color: var(--white) !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--white) !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: var(--primary) !important;
}

.btn {
outline: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
background: var(--bg-muted);
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: var(--bg-error);
border-color: var(--border-error)
}


.bi::before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/></svg>");
background-repeat: no-repeat;
background-size: 1rem 1rem;
}

.grecaptcha-badge {
visibility: collapse !important;
}

.btn-shadow {
box-shadow: none;
}

/*Create ripple effec*/

.ripple {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
}

.ripple:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
background-repeat: no-repeat;
background-position: 50%;
transform: scale(10, 10);
opacity: 0;
transition: transform .5s, opacity 1s;
}

.ripple:active:after {
transform: scale(0, 0);
opacity: .3;
transition: 0s;
}


/* background-color: var(--blue-gray-500); */
/*
MARK: Todo:
- primary color =  var(--cal-brand,#111827);
- text color: var(--cal-text,#374151);
- bold color: var(--cal-text-emphasis,#111827)
- grey background: var(--cal-bg-muted);
- grey background emphasis: var(--cal-bg-emphasis);
- grey hover bg: var(--cal-bg-muted);
- green success:  --cal-text-success: #285231;
- info bg: var(--cal-bg-info);


btn btn-primary
.admin-sidebar .sidebar-section-title--active, .admin-sidebar .sidebar-subsection-title--active 

*/

/* Admin sidebar active styles moved to containers/admin_sidebar.css */

.btn-secondary {
color: var(--black) !important;
background-color: var(--secondary) !important;
box-shadow: rgb(0, 0, 0) 0px 0px 0px;
font-weight: 600;
}

.btn-primary {
color: var(--white) !important;
background-color: var(--primary) !important;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: var(--brand-emphasis);
outline: none;
box-shadow: none;
}

.btn-primary.is-active, .btn-primary:focus, .btn-primary:hover {
background: var(--brand-emphasis);
}

.btn-danger.btn-outline {
color: var(--border-error);
}

.btn-danger {
color: #fff;
background: var(--bg-danger);
border: 1px solid var(--border-error)
}

@keyframes spin {
from {
  transform: rotate(-90deg);
}

to {
  transform: rotate(270deg);
}
}

@keyframes heartbeat {
0% {
  transform: scale(1);
}
12% {
  transform: scale(1.1);
}
24% {
  transform: scale(1);
}
36% {
  transform: scale(1.1);
}
48% {
  transform: scale(1);
}
}

@keyframes pulse {
0% {
  transform: scale(.95);
}
50% {
  transform: scale(1);
}
100% {
  transform: scale(.95);
}
}

.walkthrough-backdrop {
top: 0;
right: 0;
left: 0;
bottom: 0;
position: fixed;
z-index: 1000;
background: transparent;
z-index: 99999999999;
}

.walkthrough-backdrop.show {
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}

.walkthrough-backdrop * {
box-sizing: border-box; 
}

.walkthrough-modal {
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
overflow-y: auto;
overflow-x: hidden;
border-radius: 12px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
border: 1px solid rgba(255, 255, 255, 0.1);
z-index: 99999999999;
}

.walkthrough-content-box {
overflow-y: auto;
}

.walkthrough-modal .walkthrough-content-box {
float: left;
}

.walkthrough-modal .walkthrough-content-box img {
margin-top: 0px;
}

.walkthrough-modal .walkthrough-content {
width: 100%;
text-align: center;
overflow-y: auto;
}

.walkthrough-modal .walkthrough-container {
position: absolute;
top: 0;
left: 0;
}

.walkthrough-modal .walkthrough-footer {
height: 100px;
position: fixed;
padding: 0 35px;
width: -webkit-fill-available;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
background: transparent;
z-index: 999999999999999999999
}


@media (max-width: 768px) {
.walkthrough-modal .walkthrough-footer {
  padding: 0 15px; 
}
}

.walkthrough-modal .btn {
border: 0;
padding: 0;
box-shadow: none;
}

.walkthrough-modal .btn:active, .walkthrough-modal .btn:focus {
background: none;
outline: none;
}

.walkthrough-modal .btn-footer {
border: 0;
background: rgba(20, 23, 27, 0.52);
padding: 0;
box-shadow: none;
width: 95px;
height: 40px;
line-height: normal;
font-size: 18px;
border-radius: 50px;
cursor: pointer;
border: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.walkthrough-modal .btn-footer span {
vertical-align: top;
}

.walkthrough-modal .btn-footer:active, .walkthrough-modal .btn-footer:focus {
outline: none;
}

.walkthrough-modal .btn-back.first-page {
opacity: 0;
pointer-events: none;
}

.walkthrough-modal .walkthrough-page-indicator {
  text-align: center;
  opacity: 0;
}

.walkthrough-modal .walkthrough-page-indicator.show {
  opacity: 1; 
}

.walkthrough-modal .walkthrough-page-indicator > button {
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
  width: 17px;
  height: 17px;
  cursor: pointer;
  display: inline;
}

.walkthrough-modal .walkthrough-page-indicator > button:active, .walkthrough-modal .walkthrough-page-indicator > button:focus {
  background: none;
  outline: none;
}

.walkthrough-modal .walkthrough-page-indicator > button .walkthrough-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: rgba(20, 23, 27, 0.52);
  border-radius: 3.5px; 
}

.walkthrough-modal .walkthrough-page-indicator > button .walkthrough-dot.selected {
  background: #000000;
}

.walkthrough {
  font-family: inherit;
  text-align: center;
  color: #4a4a4a;
}

.walkthrough-title {
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 36px;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
}

.walkthrough-desc {
  font-size: 16px;
  padding: 0 20px;
  line-height: 1.6;
  text-align: left;
}

/* Button content centering fix */
.btn-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Content Styling */
.walkthrough-title {
  color: #171717 !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  letter-spacing: -0.025em !important;
}

.walkthrough-desc {
  color: #737373 !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

.button.is-outline {
  border: 1px solid var(--gray-900);
  color: var(--gray-900);
  background-color: transparent;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  transition: border-color .2s,color .2s,background-color .2s;
}

.button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--gray-900);
  color: #fff;
  border-radius: 99rem;
  align-items: center;
  padding: 1rem 1.625rem;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.button-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  margin-right: -1rem;
}

.button.is-outline-light {
  border: 1px solid rgba(255,255,255,.20);
  background-color: rgba(255,255,255,.20);
  color: #ffffff;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  transition: border-color .2s,color .2s,background-color .2s;
}


.announcement-bar {
 position: fixed;
 z-index: 999;
 top: 0;
 display: flex;
 overflow: hidden;
 width: 100%;
 min-height: 40px;
 max-height: 40px;
 align-items: center;
 justify-content: center;
 background-color: var(--text-muted);
 color: var(--bg);
 text-align: center;
}

.announcement-bar .announcement-bar__text {
 display: flex;
 overflow: hidden;
 width: 100%;
 align-items: center;
 justify-content: center;
 white-space: nowrap;
 position: relative;
}

.announcement-bar .announcement-bar__text--auto-slide {
 justify-content: flex-start;
 padding-right: 32px;
}

.announcement-bar .announcement-bar__auto-slide-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
}

.announcement-bar .announcement-bar__marquee {
 overflow: hidden;
 flex: 1 1 auto;
 min-width: 0;
}

.announcement-bar .announcement-bar__marquee-track {
 display: -webkit-flex;
 display: flex;
 white-space: nowrap;
 -webkit-animation: announcement-bar-marquee 40s linear infinite;
 animation: announcement-bar-marquee 40s linear infinite;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.announcement-bar .announcement-bar__marquee-segment {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-shrink: 0;
 flex-shrink: 0;
 -webkit-align-items: center;
 align-items: center;
 min-width: 100%;
 -webkit-justify-content: center;
 justify-content: center;
 padding: 0 48px;
}

.announcement-bar .announcement-bar__marquee-item {
 white-space: nowrap;
 font-size: 14px;
 font-style: normal;
 font-weight: 600;
 line-height: 20px;
}

@-webkit-keyframes announcement-bar-marquee {
 from {
  -webkit-transform: translate3d(0, 0, 0);
 }
 to {
  -webkit-transform: translate3d(-50%, 0, 0);
 }
}

@keyframes announcement-bar-marquee {
 from {
  transform: translate3d(0, 0, 0);
 }
 to {
  transform: translate3d(-50%, 0, 0);
 }
}

.announcement-bar .announcement-bar__marquee-item a {
 color: inherit;
 text-decoration: underline;
 cursor: pointer;
}

.announcement-bar .announcement-bar__marquee-item a:hover {
 opacity: 0.8;
}

.announcement-bar .announcement-bar__text > p {
 overflow: hidden;
 margin: 0;
 text-overflow: ellipsis;
}

.announcement-bar .announcement-bar__text > span {
 font-size: 14px;
 font-style: normal;
 font-weight: 600;
 line-height: 20px;
}

@media (prefers-reduced-motion: reduce) {
 .announcement-bar .announcement-bar__marquee-track {
  -webkit-animation: none !important;
  animation: none !important;
 }
}

.announcement-bar .announcement-bar__text .annnouncementBar__purchaseNow, .announcement-bar .announcement-bar__text .annnouncementBar__renewLicense {
 margin-top: 0;
}

.announcement-bar .announcement-bar__text .annnouncementBar__renewLicense {
 border-color: var(--bg);
}

.announcement-bar a {
 color: inherit !important;
 text-decoration: underline;
}

.announcement-bar a:hover, .announcement-bar a:active, .announcement-bar a:focus {
 color: inherit !important;
}

.announcement-bar a.announcement-bar__close {
 position: absolute;
 top: 5px;
 right: 0;
 padding: 0 10px;
 color: #fff;
 font-size: 20px;
 font-weight: 600;
 text-decoration: none;
}

.announcement-bar a.announcement-bar__close:hover {
 color: #fff;
 text-decoration: none;
}

.announcement-bar .fa-wrapper {
 margin: 0 5px;
}

.announcement-bar .resend-verification-wrapper::before {
 content: "\00a0 ";
}

.announcement-bar .content__icon, .announcement-bar i {
 margin-right: 4px;
 color: #fff;
 font-family: 'compass-icons';
 font-size: 16px;
}

.announcement-bar button {
 height: 24px;
 box-sizing: border-box;
 padding: 4px 8px;
 border: 1px solid var(--bg);
 margin-left: 8px;
 background-color: inherit !important;
 border-radius: 4px;
 font-size: 12px;
 font-style: normal;
 font-weight: 600;
 line-height: 16px;
}

.announcement-bar button:hover {
 background-color: rgba(255, 255, 255, 0.08);
}

.announcement-bar-critical {
 background-color: #BF616A;
}

.announcement-bar-success {
 background-color: #A3BE8C;
}

.announcement-bar-advisor {
 background-color: #607d96;
}

.announcement-bar-advisor-ack {
 background-color: #A3BE8C;
}

.announcement-bar-general {
 background-color: #3d3c40;
}

.announcement-bar__link {
 margin-left: 4px;
}

.advisor-icon {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 margin-bottom: 2px;
 margin-left: 8px;
}

@media (max-width: 768px) {
 .announcement-bar {
  min-height: 44px;
  max-height: 44px;
 }

 .announcement-bar .announcement-bar__text {
  min-width: 0;
 }

 .announcement-bar .announcement-bar__text--auto-slide {
  padding-left: 6px;
  padding-right: 40px;
 }

 .announcement-bar .announcement-bar__marquee-item,
 .announcement-bar .announcement-bar__text > span {
  font-size: 12px;
  line-height: 18px;
 }

 .announcement-bar .announcement-bar__marquee-segment {
  padding: 0 28px;
 }

 .announcement-bar a.announcement-bar__close {
  top: 7px;
  right: 2px;
  padding: 0 8px;
  font-size: 18px;
 }

 .advisor-icon {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  margin-left: 6px;
  margin-bottom: 1px;
 }

}

body.announcement-bar--fixed {
padding-top: 40px;
padding-top: var(--announcement-bar-height, 40px);
}

@media (max-width: 768px) {
 body.announcement-bar--fixed {
  padding-top: 44px;
  padding-top: var(--announcement-bar-height, 44px);
 }
}

body.announcement-bar--fixed .navbar-fixed-top {
 top: 40px;
 top: var(--announcement-bar-height, 40px);
}


/* Admin console styles moved to containers/admin_sidebar.css for lazy loading */

#root {
background: var(--background);
}

.no-hover-underline, .no-hover-underline:hover {
text-decoration: none;
}

.card {
padding: var(--chakra-space-3) !important;
}


/* Subtle links (for navigation, secondary actions) */
.link-subtle {
  color: var(--foreground);
  text-decoration: none;
}

.link-subtle:hover,
.link-subtle:focus {
  color: var(--brand-600) !important;
  text-decoration: underline !important;
}

/* Muted links (for footers, less important text) */
.link-muted {
  color: var(--muted-foreground);
  text-decoration: none;
}

.link-muted:hover,
.link-muted:focus {
  color: var(--foreground) !important;
  text-decoration: underline !important;
}

/* Brand links - explicit brand styling */
.link-brand {
  color: var(--brand-500);
  text-decoration: none;
}

.link-brand:hover,
.link-brand:focus {
  color: var(--brand-600) !important;
  text-decoration: underline !important;
}