#gold-interactive-tool .result-output {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#gold-interactive-tool .without-gold-box, #gold-interactive-tool .with-gold-box {
    background-color: #E6E8E6;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    color: #00143F;
    padding: var(--space-m);
}

#gold-interactive-tool .with-gold-box {
    background: linear-gradient(241deg, rgba(191, 204, 51, 0.95) -18.48%, var(--text-icon-gold, #FBE700) 49.5%, rgba(191, 204, 51, 0.95) 119.54%);
    backdrop-filter: blur(300px);

}
#gold-interactive-tool .with-gold-box .result-item:not(.first-result) {
    padding-top: var(--space-s);
}
#gold-interactive-tool .slidetag {
    --valuePercent: 0%;
    position: relative;
    right: var(--valuePercent);
    display: flex;
    flex-direction: column;
    align-items: center;
}
#gold-interactive-tool .fixed-tag {
    position: absolute;
    width: calc(100% - 18px);
    display: flex;
}
#gold-interactive-tool .fixed-tag .end-point {
    margin-left: auto;
}

#gold-interactive-tool .slidetag-value {
    font-weight: var(--font-weight-bold);
}
#gold-interactive-tool .slidetag-text {
    font-size: var(--font-size-small);
    margin-bottom: var(--space-s);
}
#gold-interactive-tool .slidecontainer {
    --valuePercent: 0%;
    display: flex;
    height: 40px;
    width: 100%;
    position: relative;
}
#gold-interactive-tool .gold-chart-section {
    margin-bottom:var(--space-m);
}
#gold-interactive-tool .slidecontainer .slider {
    -webkit-appearance: none;
    --shadow: none;
    appearance: none;
    background: none;
    width: 100%;
    margin: 0px;
    cursor: pointer;
}
#gold-interactive-tool .gold-interactive-tool-description {
    margin-bottom: var(--space-l);
}
#gold-interactive-tool .gold-interactive-tool-title {
    margin-bottom: var(--space-s);
    font-weight: var(--font-weight-bold);
}
#gold-interactive-tool .gold-interactive-tool-second-title {
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
}
/* Track */
#gold-interactive-tool .slidecontainer .slider::-webkit-slider-runnable-track {
    max-width: 100%;
    min-height: 38px;
    max-height: 38px;
    background-image: linear-gradient(90deg, #FBE700 0%, rgba(191, 204, 51, 0.95) 100%), linear-gradient(#E6E8E6, #E6E8E6);
    background-size: var(--valuePercent) 38px, 100% 38px;
    background-repeat: no-repeat no-repeat;
    border-radius: 4px;
    background-position: left;
    cursor: pointer;
}


/* Thumb */
#gold-interactive-tool .slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width:38px;
    height: 38px;
}
#gold-interactive-tool .slidecontainer .slider-thumb{
    --thumb-pos: 0px;
    --tranlate: none;
    position: absolute;
    pointer-events: none;
    height: 38px;
    width: 38px;
    cursor: pointer;
    border-radius: 100%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDM4IDM4IiBmaWxsPSJub25lIj4gPGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMTgiIGZpbGw9IiMwMDE0M0YiIHN0cm9rZT0iI0JGQ0MzMyIgc3Ryb2tlLXdpZHRoPSIyIi8+IDxwYXRoIGQ9Ik0xNi45NTM5IDIyLjM2MDNWMjguNTU3Mkw3IDI1Ljk1MTNMOS44ODEzOSAyMSIgZmlsbD0iI0JGQ0MzMyIvPiA8cGF0aCBkPSJNMTYuOTUzOSAyMi4zNjAzVjI4LjU1NzJMNyAyNS45NTEzTDkuODgxMzkgMjEiIHN0cm9rZT0iIzAwMTQzRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0zMC43MzgzIDE3LjE2ODlMMTcuMjM4MyAyOEwyNy43MzgzIDE0LjVMMzAuNzM4MyAxNy4xNjg5WiIgZmlsbD0iI0JGQ0MzMyIvPiA8cGF0aCBkPSJNMTcuMjM4MyAyOFYyMi41TDI3LjczODMgMTQuNUwxNy4yMzgzIDI4WiIgZmlsbD0iI0JGQ0MzMyIvPiA8cGF0aCBkPSJNMTAuNDIxNCAxMi43NzU0QzEwLjQyMTQgMTMuOTc5MyA4Ljk0NDA3IDE1LjQ0OTEgNy43MzM4OSAxNS40NDkxQzguOTQ0MDcgMTUuNDQ5MSAxMC40MjE0IDE2LjkxODggMTAuNDIxNCAxOC4xMjI4QzEwLjQyMTQgMTYuOTE4OCAxMS44OTg4IDE1LjQ0OTEgMTMuMTA5IDE1LjQ0OTFDMTEuODk4OCAxNS40NDkxIDEwLjQyMTQgMTMuOTc5MyAxMC40MjE0IDEyLjc3NTRaIiBmaWxsPSIjQkZDQzMzIi8+IDxwYXRoIGQ9Ik0yMS45NDY4IDZDMjEuOTQ2OCA3LjIwMzk0IDIwLjQ2OTUgOC42NzM2OSAxOS4yNTkzIDguNjczNjlDMjAuNDY5NSA4LjY3MzY5IDIxLjk0NjggMTAuMTQzNCAyMS45NDY4IDExLjM0NzRDMjEuOTQ2OCAxMC4xNDM0IDIzLjQyNDIgOC42NzM2OSAyNC42MzQ0IDguNjczNjlDMjMuNDI0MiA4LjY3MzY5IDIxLjk0NjggNy4yMDM5NCAyMS45NDY4IDZaIiBmaWxsPSIjQkZDQzMzIi8+IDxwYXRoIGQ9Ik0yOC43NTc0IDIyLjY3NzdDMjguNzU3NCAyMy44ODE3IDI3LjI4IDI1LjM1MTQgMjYuMDY5OCAyNS4zNTE0QzI3LjI4IDI1LjM1MTQgMjguNzU3NCAyNi44MjEyIDI4Ljc1NzQgMjguMDI1MUMyOC43NTc0IDI2LjgyMTIgMzAuMjM0NyAyNS4zNTE0IDMxLjQ0NDkgMjUuMzUxNEMzMC4yMzQ3IDI1LjM1MTQgMjguNzU3NCAyMy44ODE3IDI4Ljc1NzQgMjIuNjc3N1oiIGZpbGw9IiNCRkNDMzMiLz4gPHBhdGggZD0iTTIyLjQ1NTIgMTIuODQyOEw5Ljg4MTg0IDIxLjE4MThMMTYuOTU0MyAyMi41NDIxTDI4LjIxOCAxMy44ODUxTDIyLjQ1NTIgMTIuODQyOFoiIGZpbGw9IiNCRkNDMzMiIHN0cm9rZT0iIzAwMTQzRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+');
    left: var(--thumb-pos);
    transform: var(--translate);
    box-shadow: var(--shadow);
    animation: breathing-shadow 2s ease-in-out infinite;
}
@keyframes breathing-shadow {
    0% {
        box-shadow: 0 0 0 7px rgba(251, 231, 0, 0.25), 0 0 16px 8px rgba(251, 231, 0, 0.35), 0 0 32px 16px rgba(251, 231, 0, 0.18);
    }
    50% {
        box-shadow: 0 0 0 14px rgba(251, 231, 0, 0.15), 0 0 32px 16px rgba(251, 231, 0, 0.15), 0 0 64px 32px rgba(251, 231, 0, 0.10);
    }
    100% {
        box-shadow: 0 0 0 7px rgba(251, 231, 0, 0.25), 0 0 16px 8px rgba(251, 231, 0, 0.35), 0 0 32px 16px rgba(251, 231, 0, 0.18);
    }
}
#gold-interactive-tool .result-item:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, 0.30);
}
#gold-interactive-tool .ssmp-form-select__select-activator {
    border: none;
}
#gold-interactive-tool .ssmp-form-select__select-optionlist {
    width: 118px;
    right: 0;
}
#gold-interactive-tool .ssmp-form-select__select-optionlist__option {
    padding: var(--space-xs);
}
#gold-interactive-tool .result-item .item-title {
    font-size: var(--font-size-small);
    font-weight: bold;
    margin-bottom: var(--space-xs);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}
#gold-interactive-tool .result-item .item-title-text {
    display: flex;
    align-items: center;
    gap: var(--space-xxs-2);
}
#gold-interactive-tool .result-item .item-result {
    display: flex;
    font-size: var(--font-size-small);
    gap: var(--space-m);
    flex-wrap: wrap;
}

#gold-interactive-tool .result-item.first-result {
    padding-bottom: var(--space-s);
}
#gold-interactive-tool .result-item .item-result>div {
    flex: 1 0 0;
}
#gold-interactive-tool .result-item .result-num {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-sm);
    font-weight: var(--font-weight-bold);
}
#gold-interactive-tool .without-gold-box .result-item .result-label {
    margin-bottom: 0;
}
#gold-interactive-tool .with-gold-box .result-item .result-label {
    margin-bottom: var(--space-xxs-2);
}
#gold-interactive-tool .improvement-rate {
    background: rgba(255, 255, 255, 0.50);
    border-radius: 4px;
    padding: 2px 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: 80px;
}
#gold-interactive-tool .improvement-icon {
    display: none;
}
#gold-interactive-tool .ssmp-form-select__select-activator:hover {
    color: #0014bf;
    cursor: pointer;
}
#gold-interactive-tool .ssmp-form-select__select-activator:hover .caret-down {
    background-color: #0014bf;
}
#gold-interactive-tool .ssmp-form-select__select-activator .ssmpsvg {
    transition: none;
}
#gold-interactive-tool .ssmp-form-select__select .caret-down {
    background-color: #00143F;
    fill: white;
    border-radius: 4px;
    margin-left: 4px;
    cursor: pointer; 
}
#gold-interactive-tool button.highcharts-a11y-proxy-button {
    cursor: default !important;
}