@import url('/lib/cooltipz/cooltipz-css.css');

:root {
    --cooltipz-bg-color: #FFF;
    --cooltipz-text-color: #000;
    --cooltipz-font-size: 15px;
    --cooltipz-font-family: 'Klarheit Grotesk', sans-serif;
    --cooltipz-border-width: 1px;
    --cooltipz-border-style: solid;
    --cooltipz-border-color: #ffffff;
    --cooltipz-border-radius: 0;
}

a { text-decoration:none; color:#1f8fff }
a:hover { text-decoration:underline }

body { overflow-y:auto; overflow-x:hidden;}

.loggedoutonly, .loggedinonly { display:none; }

/* input::-moz-selection, textarea::-moz-selection {  color: white; background: black; } */
/* input::selection, textarea::selection { color: white; background: black; } */
::-moz-selection {  color: white; background: black; }
::selection { color: white; background: black; }
ul.sounds li.sound-item { opacity:0; transform:scale(.7);  }
ul.sounds li.sound-item:first-child {
    display: none
}
ul.sounds li.sound-item:last-child {
    border-width:0;
}
    ul.sounds li.sound-item.show {
        transform: scale(1);
        opacity: 1
    }

#sounds { position:relative; top:auto; }
textarea {resize:none }
input.error, textarea.error { border: 1px solid red; }
input:focus, textarea:focus, select:focus { outline: 1px solid #3595f6 !important; }
.radiobutton_wrap { display:flex !important;}
.radiobutton_wrap.error .radiobtn_field {border: 1px solid red; }
.hidden-file-upload { display:none }
#wizard { display:none; }
.button {transition:all ease .5s }
.button.loading, .button.disabled { filter: grayscale(1); cursor:default; box-shadow:none;}
.circular-chart {  display: block;  max-width: 100%; max-height: 250px;  margin-top:4px;}
.circle {  stroke: #1f8fff;  fill: none;  stroke-width: 4;  stroke-linecap: round;  animation: progress 1s ease-out forwards;}
@keyframes progress {  0% {    stroke-dasharray: 0 100;  }}
/*.progress-outer {	width: 300px;	height:25px;	border: 1px solid #1f8fff;	border-radius: 30px 30px 30px 30px;	-moz-border-radius: 30px;	-webkit-border-radius: 30px;	position: relative;	overflow: hidden;	display: none;  padding:2px;  margin:0 auto }
.progress-inner {	width: 0%;	height: 100%;  background-image: linear-gradient(324deg, #1f8fff, #4bb9e9);	border-radius: 30px 30px 30px 30px;	-moz-border-radius: 30px;	-webkit-border-radius: 30px;	transition: 0.25s all ease-in-out;	-moz-transition: 0.25s all ease-in-out;	-webkit-transition: 0.25s all ease-in-out; }
.progress-text {	width: 100%;  position:absolute;  top:0;	font-size: 12px;  color:#FFF;	text-align: center;	z-index: 2; }*/

input.input-error, select.input-error, textarea.input-error {
    border: 1px solid;
    animation: flash-red forwards .5s;
}
.dropzone {
    transform: scale(.95);
    pointer-events:none;
}
.dropzone.file-detected {

    transform: scale(1);
    opacity:1;
   
}
.uploadinfo { display:none }
.blur {
    filter: blur(10px);
    transform:scale(.95);
}
/*.lite .sampling-terms, .lite .download-terms, .lite .sampled-sound-item-details-sampling {
    filter: blur(4px);
    pointer-events:none;
}*/
.lite .sampled-sound-section {
    filter: blur(4px);
    pointer-events: none;
}
.blur-less {
    filter: blur(6px);
    transform: scale(.95);
}
.scale {
    transform: scale(.95);
}
@keyframes flash-red {
    0% { border-color:#FFF}
    100% { border-color:#F00}
}

.progress-inner:after {
    background: white;
    content: "";
    height: 155px;
    left: -20%;
    opacity: .5;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    animation:progressbar infinite 1s;
    width: 60px;
    z-index: 2;
}

@keyframes progressbar {
    0% {left:-20%;}
    50% { left:150%;}
    100% {left:150%;}
}

ul.collections li.collection-item {
    visibility: hidden;
    opacity: 0;
    transition: linear opacity .3s
}
ul.collections li.collection-item.show {
    visibility: visible;
    opacity: 1;
}
    ul.collections li.collection-item a {
        /*border:1px solid rgba(255,255,255,0);*/
    }
    ul.collections li.collection-item.selected a {
        background-color: rgba(255,255,255,.2);
        box-shadow: 0 0 5px rgba(255,255,255,1);
        /*border-color:#FFF;*/
    }

#collection.skinny ul.collections li.collection-item:not(.selected) {
    display:none;
}
#collection.skinny ul.collections li.collection-item.selected a {
    padding:0;
    margin:0;
    background:none;
    box-shadow:none;
    border:0;

}

.wizard-section.skinny a.hot-area {
    display:block; z-index:10;
}
#collection.skinny ul.collections { margin:0 -10px }
#collection.skinny ul.collections li.collection-item.selected a:hover {
    background: none;
}

#activate {
    display: none;
}
#finish {
    display:none
}
#loadingActivate, #loadingRegister {
    display:none;
}

.private:before {
    display: inline-block;
    background-size: contain;
    content: '';
    background-image: url('https://uploads-ssl.webflow.com/61da24b05343376490db7208/6345c787dcfdcaa27e47528c_lock.svg');
    position: relative;
    width: 14px;
    height: 14px;
}
.sound-item .sound-item-actions .sound-item-action-btn { visibility:hidden; opacity:0 }
.sound-item:hover .sound-item-actions  .sound-item-action-btn, .sound-item.active .sound-item-actions  .sound-item-action-btn  { visibility:visible; opacity:1 }
.sound-item a.play-button, .sampled-sound-item a.play-button { opacity:0; background-color:rgba(83,111,216,.7) }
.sound-item a.play-button .play-button-container, .sampled-sound-item a.play-button .play-button-container { display:block }
.sound-item a.play-button.loading .play-button-container, .sampled-sound-item a.play-button.loading .play-button-container  { display:none }
.sound-item:hover a.play-button, .sound-item a.play-button.pause, .sound-item.expanded a.play-button.pause, .sound-item.expanded a.play-button:hover, .sampled-sound-item:hover a.play-button, .sampled-sound-item a.play-button.pause { opacity:1;}
.sound-item a.play-button .play, .sampled-sound-item a.play-button .play {display:block; }
.sound-item a.play-button .pause, .sampled-sound-item a.play-button .pause { display:none; }
.sound-item a.play-button.pause .pause, .sampled-sound-item a.play-button.pause .pause { display:block; }
.sound-item a.play-button.pause .play, .sampled-sound-item a.play-button.pause .play { display:none }
.sound-item .sound-item-terms { opacity: .5 }
.sound-item:hover .sound-item-terms, .sound-item.expanded .sound-item-terms, .sound-item.featured .sound-item-terms { opacity:1 }

.sound-item.expanded a.play-button { opacity:0; }
.sound-item a.play-button.loading, .sound-item.expanded a.play-button.loading { opacity:1; }
.sound-item .sound-item-description {  overflow:hidden; max-height:0; transition:max-height ease-in-out .5s}
.sound-item.expanded .sound-item-description { max-height:800px;}
.sound-item .sound-item-artwork { transition:all .3s }
.sound-item .sound-item-artwork .sound-item-artwork-container img { height:100%; object-fit:cover; object-position:center center; }
.sound-item.expanded .sound-item-artwork { width:100px; height:100px; }
.sound-item .sound-item-waveform { height:0; transition:height ease-in-out .5s; overflow:hidden }
.sound-item.expanded .sound-item-waveform {
    height:55px;
}
.sound-item .sound-item-waveform .waveform-html-embed {
    pointer-events:none;
}
.sound-item .sound-item-content-tags { display:none }
.sound-item.expanded .sound-item-content-tags { display:block; }
.sound-item.expanded .sound-item-content-header-type { display:none }

.sound-item .sound-item-content-header-attr { display:block }
.sound-item.expanded .sound-item-content-header-attr { display:none }
/*.artworkpreview img { object-fit:contain}*/
.error {
    color: red;
}
.sound-item-artwork { background-size:cover;background-position:center center; background-repeat:no-repeat; }
/*.app-content-full-width a { color:#FFF; }*/
.uploaded-sounds li.hide, .sound-form.hide { display:none; opacity:0; top:10px}
.sound-form:not(.focus) { display:none; }
.wizard-artwork .artwork-image { opacity:1 }
.wizard-artwork .artwork-image.hide {
    opacity: 0;
}


.wizard-artwork .artwork-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.wizard-artwork:hover .artwork-image {
    opacity:.2
}
.wizard-section.skinny .wizard-artwork:hover .artwork-image { opacity:1; }
.wizard-artwork.uploaded .artwork-actions {
    opacity: 0
}
.wizard-artwork.uploaded:hover .artwork-actions { opacity:1 }

#confirmation { display:none; }

canvas.preview { width: 100%; height: 100px; padding:10px 0 }

canvas.preview-small {
    width: 100%;
    height: 55px;
}
.featured canvas.preview-small {
    height:60px
}
.sound-item-waveform .waveform-duration { pointer-events:none }
.preview-range { cursor:grab; height:80%; background-color:rgba(255,255,255,.3); position:absolute; width:0; top:10%; left:0%; overflow:visible}
.preview-range .left-bracket {
    position: absolute;
    top: -7%;
    left: 0;
    height: 114%;
    width: 10px;
    border-radius: 10px;
    border: 3px solid white;
    border-right: 0;
    overflow:visible;
   
}
.preview-range .right-bracket {
    position: absolute;
    top: -7%;
    right: 0;
    height: 114%;
    width: 10px;
    border-radius: 10px;
    border: 3px solid white;
    border-left: 0;
    overflow: visible;
}
    .preview-range .left-bracket span, .preview-range .right-bracket span {
        font-size: 13px;
        position: absolute;
        bottom: -25px;
    }
.preview-range .left-bracket span{ left:0 }
.preview-range .right-bracket span{ right:0 }


input[type="radio"][disabled], input[type="radio"][disabled] + span {
    opacity: .4;
}
input[type="radio"][disabled], input[type="radio"][disabled] + span { cursor:default !important; }

.white input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    font: inherit;
    color: #FFF;
    width: 1.3em;
    height: 1.3em;
    border: 1px solid #FFF;
    border-radius: 100%;
    /*transform: translateY(-0.075em);*/
    display: grid;
    place-content: center;
    position:relative;
}

    .white input[type="radio"]::before {
        content: "";
        width: 0.7em;
        height: 0.7em;
        border-radius: 100%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em #FFF;
    }

    .white input[type="radio"]:checked::before {
        transform: scale(1);
    }

    .white input[type="radio"]:focus {
        outline: none !important;
    }
        .white input[type="radio"]:focus::after {
            content: "";
            width: 1.3em;
            height: 1.3em;
            border-radius: 100%;
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em #FFF;
            animation: explode ease-out .5s;
            -webkit-animation-fill-mode: forwards;
            position: absolute;
            top: -1px;
            left: -1px;
        }
        @keyframes explode {
            from { opacity:.7; transform:scale(1) }
            to { opacity:0; transform:scale(2.2) }
        }
.w-form-label { margin-left:8px; }


.tagify__tag > div::before {
    border: 1px solid black;
    border-radius: 30px;
    border-color: #000 !important;
}
.tagify__tag {  border-radius:30px; }

.flex-wizard-container { display:flex }

#wizard2 { display:none }

.wizard-section, .wizard-heading, .artwork-image, .wizard-artwork, .container-body-twocol-one, .container-body-twocol-two { transition:ease-in-out all .7s }
.artwork-image {
    transition: cubic-bezier(.754, .007, .25, 1) opacity .3s;
    transition: cubic-bezier(.754, .007, .25, 1) filter .3s;
    transition: cubic-bezier(.754, .007, .25, 1) transform .3s;
}

.wizard-section {
    align-self: flex-start;
    position: sticky;
    top: 121px;
}
.wizard-section.wide { flex-basis:70%; }
.wizard-section.narrow { flex-basis:30%; min-width:330px }
.wizard-section.skinny { flex-basis:15%; min-width:200px}
.wizard-section.skinny .container-body-twocol-one { min-width:0; }
.wizard-section.skinny .container-body-twocol-two { max-width:0; margin-left:0; opacity:0; }
.wizard-section.skinny .artwork-actions { display:none; opacity:0; }
.wizard-section.skinny .wizard-artwork { width:100%; height:auto }
.wizard-section.skinny .artwork-image { width:100%; height:auto }
.wizard-section.skinny .wizard-buttons { display:none;}
.wizard-section.skinny .wizard-heading { font-size:13px; }
.wizard-section.skinny .collection-name { opacity:1; display:block; }
.wizard-section.none { flex-basis:0; padding-left:0; padding-right:0; max-width:0;}
.wizard-section.skinny .container-body { padding-left:0; padding-right:0; }
#collectionNew { display:none; }
#collectionExisting { display:none; } 



.loader {
    height: 25px;
    width: 25px;
    color: white;
    position: relative;
    display: inline-block;
    border: 3px solid;
    border-radius: 50%;
    border-top-color: transparent;
    animation: rotate .7s ease-in-out infinite;
}
.app-content-block .loader, .splash .loader, .sampled-sound-section-title .loader, .loading-subscription-container .loader, .dashboard-content-button .loader , .license-total .loader {
    color: #4285f4
}
.app-content-block .sound-item-artwork .play-button .loader { color:#FFF }
.loader.white {
    color: #FFF !important;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}




.gradient-bg {
    background: linear-gradient(to bottom,#db1c75,#c14ca7,#64c086,#d8bf2b);
    transition: all 2s ease-in-out;
    background-size: 100% 200%;
    background-position: 0 0;
}
    .gradient-bg::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom,#3f78e9,#5ea4e6,#3e79ea,#db1c75); /*#7dc0ff*/
        -webkit-mask: linear-gradient(to right, #fff,transparent);
        mask: linear-gradient(to right, #fff,transparent);
        transition: all 2s ease-in-out;
        background-size: 100% 200%;
        background-position: 0 0;
    }

.gradient-bg.b { background-position:0 100%; }
.gradient-bg.b::before { background-position:0 100%; }
.button.loading { box-shadow:none !important;}
.btn-shine {
  overflow: hidden;
  position: relative;
  background-size: 300% 100%;
  transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
}
.gradient-bg.remix-bg {
    background: linear-gradient(to bottom,#64c086,#4d78dd);
}
.gradient-bg.sample-bg {
    background: linear-gradient(to bottom,#9957ba,#8e4dae);
}
.btn-shine:not(.btndashboard):after {
    background: #fff;
    content: "";
    height: 155px;
    left: -80px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 60px;
    z-index: 2;
}

.btn-shine:not(.loading, .disabled):hover:after {

    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

}
.btn-shine:not(.loading, .disabled):hover { background-position: 100% 0; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}

.container-body-row-value.multiply:before { content:'\00D7'; position:absolute; left:0; bottom:4px; font-size:23px}
.container-body-row-value.add:before { content:'+'; position:absolute; left:0; bottom:4px; font-size:23px}


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 60px;
        height: 0;
    }

/* The slider */
.switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0);
    -webkit-transition: .4s;
    transition: .4s;
    border:1px solid white;
    width:60px;
}

    .switch-slider.dark {
        background-color:#CCC;
    }

    .switch-slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        box-shadow: 0 0 10px rgba(255,255,255,.5);
    }

input:checked + .switch-slider {
    background-color: rgba(255,255,255,.2);
}

    input:checked + .switch-slider.dark {
        background-color: #536fd8;
    }

input:focus + .switch-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    box-shadow: 0 0 10px rgba(255,255,255,1)
}

/* Rounded sliders */
.switch-slider.round {
    border-radius: 34px;
}

    .switch-slider.round:before {
        border-radius: 50%;
    }

    .switch .switch-label { position:relative; padding-left:5px; top:6px; font-weight:normal; }

   .preview-player-play-btn.disabled { opacity:.3; }
.preview-player-play-btn.disabled a {cursor:default}

input[disabled] { opacity:.4 }

.preview-player .playhead { position:absolute; top:0; left:0; width:1px; border-left:1px solid white; height:100%}

.uploaded-sounds li .player {
    display: none
}

.uploaded-sounds li .uploaded-sound:hover {
    background-color:rgba(255, 255, 255, 0.07)
}


.uploaded-sounds li .icon-check, .uploaded-sounds li .icon-selected {
    display: none;
}
/*.uploaded-sounds li.focus .icon-selected { display:block; }*/
.uploaded-sounds li.focus .uploaded-sound {
    background-color: rgba(255, 255, 255, 0.15);
}

.uploaded-sounds li.validated .icon-check {
    display: block;
}

.delete-prompt { display:none }

ul.sampled-sounds li .sampled-sound .play-button .pause { display:none; }

ul.sampled-sounds li .sampled-sound.checked {
    background: white;
    color: #536fd8;
}
ul.sampled-sounds li .sampled-sound.checked svg path {
    fill:#536fd8 !important;
}
ul.sampled-sounds li .sampled-sound.checked .play-button svg path {
    fill:white !important;
}

ul.sampled-sounds li { display:none }
ul.sampled-sounds li.show { display:block }
ul.sampled-sounds li.hide { display:none !important; }
ul.sampled-sounds li .sampled-sound .check-container, ul.sampled-sounds li .sampled-sound a.play-button:hover .check-container { display:none; }
ul.sampled-sounds li .sampled-sound.checked .check-container { display:block; }
ul.sampled-sounds li .sampled-sound.checked .sampled-sound-player-play-btn-icons { display:none; }
ul.sampled-sounds li .sampled-sound.checked a.play-button:hover .sampled-sound-player-play-btn-icons { display:block; }

ul.sampled-sounds li .sampled-sound .sampled-sound-player .play-button { opacity:0; }
ul.sampled-sounds li .sampled-sound .sampled-sound-player:hover .play-button { opacity:1 }
ul.sampled-sounds li .sampled-sound.checked .sampled-sound-player .play-button { opacity:1; background: rgba(118,188,153,.85) }
ul.sampled-sounds li .sampled-sound.checked .sampled-sound-player.playing .play-button { opacity:1 }


    .uploaded-sound-name-container .icon-check {
        width:16px; height:16px;
    }

ul.sampled-sounds li p.small { font-size:12px; line-height:18px}

.sound-item-action-btn svg {
    fill: #000 !important;
}

.sound-item-action-btn:hover svg {
    fill: #536fd8 !important;
}

.app-nav-link.w--current svg {
    fill: #1f8fff !important;
}

.sound-item-terms-line.paid { color:#1f8fff }

    .sound-item-terms-line.paid .sound-item-terms-icon svg {
        fill: #1f8fff !important;
    }
.canvas-sampled-sound { width:100%; height:30px;}
.collection-info .collection-info-detail { display:none; }
.collection-info-detail.show { display:inline-block }
.collection-artwork-bg-container img { width:100%; height:100%; object-fit:cover; filter:blur(20px); transform:scale(1.15);}
.collection-main-artwork-container img { width:100%; }


.app-nav.ani, .app-nav-bg.ani { transition:width .5s cubic-bezier(0.7, 0.2, 0.2, 0.7)}
.app-nav.collapsed, .app-nav-bg.collapsed { width:82px; overflow:visible}
.app-nav.collapsed .app-nav-contents { width:auto; }
.app-nav ul li.app-nav-item .nav-text {transition:opacity .5s linear}
.app-nav.collapsed ul li.app-nav-item .nav-text { opacity:0; display:none; pointer-events:none; }
.app-nav:not(.collapsed) .app-nav-link:before, .app-nav:not(.collapsed) .app-nav-link:after { display:none  } 

.app-nav-link:hover { color:#536fd8; }
.app-nav-link:hover svg path { fill:#536fd8 !important; }
.sound-item-content-header-name { text-overflow:ellipsis}
.expanded .sound-item-content-header-name { /* max-width:410px; */ max-width:none; white-space:normal; word-break:break-all; overflow:visible; }
.prompt { width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.4); z-index:99; }

.download-terms-feature svg { fill:white !important; }
li.sound-item.featured .sound-item-content-header { margin-bottom:2px; }
li.sound-item.featured .sound-item-content-header-name {
    max-width: none;
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 2px;
}
li.sound-item.featured .sound-item-artwork {
    width:175px; height:175px;
}
.sound-item .play-button svg { fill:#FFF; }
.featured-play-button { display:none }
.featured-play-button svg  { fill:#536fd8 !important; }
li.sound-item.featured .featured-play-button { display:block }
li.sound-item.featured .sound-item-artwork .play-button { display:none }
li.sound-item.featured .featured-play-button a.play-button { opacity:1 !important; background-color:transparent; }

.sound-item.featured .sound-item-waveform {
    height: 60px;
}
.agree-item.checked {
    color: #536fd8;
}
#wizardSplash .agree-item.checked {
    color: #FFF;
    text-shadow: 0 0 10px rgba(255,255,255.3);
}
.sampled-sound-item-content-header-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    white-space: normal;
}

.sound-item-samples {
   display:none
}
.sound-item.expanded .sound-item-samples, .sound-item.featured .sound-item-samples {
    display: block;
}
.sound-item-samples .sampled-sound-item { display:none }
.sound-item-samples .sampled-sound-item.show { display:flex }

.sampled-sound-item .play-button-container { width:35px; height:35px; }
.sampled-sound-item-details svg path { fill: #536fd8}
.sound-item-samples .sampled-sound-section { display:none }
li.sound-item.featured .sound-item-samples { margin-top:15px}

.sound-item-actions .check {display:none}
.sound-item-actions .sound-item-action-btn.download.downloaded { visibility:visible; opacity:1;}
.sound-item-actions .sound-item-action-btn.download.downloaded .download-icon {
    display: none
}
.sound-item-actions .sound-item-action-btn.download.downloaded:hover .download-icon {
    display: block
}
.sound-item-actions .sound-item-action-btn.download.downloaded .check { display:block; }
.sound-item-actions .sound-item-action-btn.download.downloaded:hover .check { display:none; }
.sound-item-actions .sound-item-action-btn.loader div {
    display:none !important;
}
.sampled-sound svg path { fill:#FFF;}
.samplingratewsamples { display:none; }
.samplingratewsamples.show { display:flex }
.sampled-sound-name {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}

@keyframes floating-btn-slide-up-past {
    from {
        top:100px
    }

    to {
        top:-25px
    }
}
@keyframes floating-btn-slide-up {
    from {
        top: -25px
    }

    to {
        top: 0px
    }
}
.app-floating-container .button-w-icon {
    animation-name: floating-btn-slide-up-past, floating-btn-slide-up;
    animation-duration: .5s, .7s;
    animation-delay: 0s, .5s;
    animation-timing-function: ease-out, ease;
}
.button-w-icon svg path { fill: #FFF; }
.wizard-container-main a {
    color: #FFF;
}
.sound-details-item-value {
    word-break: break-word;
}
.dollar, .percent { pointer-events:none}
.radio-slider-selector, .gradient-outline { pointer-events:none }
.radio-slider-item .w-form-label { margin-left:0; }
.radio-slider-item input { position:absolute; }
.radio-slider-item .radio-slider-item-content { transform:scale(1,1); }
.radio-slider-item:hover .radio-slider-item-content {
    transform: scale(1.08, 1.08)
}

input.search-library { width:100%; padding:7px 10px 5px 35px; font-size:19px; color:#FFF; background-color:transparent; border:0; border-bottom:1px solid white; outline:none; resize:none; -webkit-appearance: none; color:#FFF}
input.search-library::placeholder { color:#FFF; opacity:.8}
input.search-library:focus { outline:none !important; }

.search-sampled-sounds-box input.search-library {
    font-size: 15px;
    padding-left:32px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.search-sampled-sounds-box .search-icon {
    width:20px;
    height:20px;
    cursor:default;
}
.search-sampled-sounds-box {
    margin-bottom:10px;
}
.search-box .search-icon svg path {
    fill: #FFF;
}
.menu-more.hide { display:none }
.menu-more a.menu-more-item-link svg path, .menu-more a.menu-more-item-link svg circle { fill:#999 }
.menu-more a.menu-more-item-link:hover svg path, .menu-more a.menu-more-item-link:hover svg circle { fill:#666 }
.nav-menu .navbtnicon svg path { fill:#8e4dae }
.nav-menu .navbtnicon.w--current svg path { fill:#1f8fff}

.inactive-subscription-container, .active-subscription-container {  display:none; margin-bottom:40px;}

.app-nav-bg .nav-expand-icon .expand-right { display:none; }
.app-nav-bg .nav-expand-icon .collapse-left { display:block; }
.app-nav-bg:hover .nav-expand-container { display:block; }
.app-nav-bg.collapsed .nav-expand-icon .expand-right { display:block; }
.app-nav-bg.collapsed .nav-expand-icon .collapse-left { display:none; }
.radio-slider-container.loading { pointer-events:none; opacity:.5 }
#wizard .tooltip svg path {fill:#FFF;}
.ui-tooltip { font-family:inherit; font-size:13px; }
.cost-to-mint .container-body-row.hide { display:none; opacity:0; }

.field-icon-button {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 6px;
    opacity:.8;
}
.field-icon-button:hover { opacity:1;
}

.field-icon-button.disabled svg fill { color:#666 !important; cursor:default;
}

.account-details-container .settings-subscription-item-value {
    text-transform:none;
}

.account-details-container .editable .input {
    display: none;
}

.account-details-container .editable .value a, .account-details-container .editable .value a:hover {
    text-decoration: none;
    color:#333;
}
.account-details-container .editable .value a:after {
    content:url(/images/edit.svg);
width: 1em;
    display: inline-block;
    margin-left:7px;
    opacity:.8;

}
.account-details-container .editable .value a:hover:after {
    opacity: 1
}

.entity.empty:before { content:'none'; color:red;
}
.sound-item-content-header-attr a.attr { display:none }

.notice { display:none; }

.notice.play {
    animation: notice-ani alternate 3s none;
    animation-iteration-count:2;
    display:block;
    opacity:0;

}

@keyframes notice-ani {
    0% {
        opacity:0;
        margin-top:20px;
    }

    10% {
        opacity:1;
        margin-top:0;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

.filter.selected {
    background-color: #FFF;
    color: #1f8fff !important
}
a.social-btn:hover svg path { fill:#FFF; }
.sign-in svg path { fill:#FFF}
.footer-main .footer-brand svg path {
    fill: #df5a71
}
.footer-main a.footer-social-link svg path {
    fill: #999
}
.footer-main a.footer-social-link:hover svg path {
    fill: #df5a71
}


a.social-btn-creator svg path {
    fill: #9b55e2
}

a.social-btn-creator:hover svg path { fill: #1f8fff}

.sound-item-disabled-overlay {
    pointer-events: none;
}
.sound-item-activate a span { font-size:11px;}
.sound-item.inactive .sound-item-actions { display:none }
.sound-item.inactive .sound-item-activate {
    display: flex
}

.sound-item.inactive .sound-item-disabled-overlay { display:block; }

input.field-input-email-signup { outline:0 !important; }

li.collection-item-li { display:none; opacity:0; transition:opacity linear .5s }
li.collection-item-li.show { display:block; opacity:1; }
.icon-verified { display:none }

li.msg { text-align:center; font-size:19px; line-height:23px; }
li.msg .action { margin-top:10px; }

.creator-edit-field, .content-header-btns-edit, .content-header-btns-save { display:none }
.creator-edit-field { color:#000; }
.creator-edit-field input, .creator-edit-field textarea { border-radius:6px; border:1px solid #CCC; padding:6px; width:300px; margin-bottom:3px }
.account-details-container .input {
    position: relative;
}
.account-details-container .input input {
    border-radius: 6px;
    border: 1px solid #CCC;
    padding: 6px;
    width: 100%;
    margin-bottom: 3px;
    padding-right: 36px;
}

.creator-header-btns-social .creator-edit-field input[name=twitter_url] { padding-left:140px; }
.creator-header-btns-social .creator-edit-field input[name=instagram_url] { padding-left:140px; }
.creator-header-btns-social .creator-edit-field input[name=facebook_url] { padding-left:140px; }
.creator-header-btns-social .creator-edit-field input[name=tiktok_url] { padding-left:140px; }
.creator-header-btns-social .creator-edit-field input[name=linkedin_url] { padding-left:140px; }
.creator-header-btns-social .creator-edit-field input[name=soundcloud_url] { padding-left:140px; }


.creator-header-btns-social.edit { display:block !important; }
.creator-header-btns-social .creator-edit-value { display:none }

.prompt {
    animation:prompt-fade-in .3s forwards;
}

@keyframes prompt-fade-in {
    from { opacity: 0 }
    to { opacity: 1 }
}

.prompt-container {
    animation: prompt-zoom-in .5s forwards cubic-bezier(0,1,.5,1); animation-delay:.3s; opacity:0; transform:scale(.8);
}
@keyframes prompt-zoom-in {
    from {
        opacity: 0;
        transform:scale(.8);
    }

    to {
        opacity: 1;
        transform:scale(1);
    }
}
.app-content-block-faq .faq-content {
    overflow: hidden;
    transition: all .3s ease-in-out;
    line-height: 0 !important;
    opacity: 0;
    margin-top:0;
}
.app-content-block-faq.target .faq-content {
    line-height: 1.5 !important;
    opacity:1;
    margin-top:10px;
}
.app-content-block-faq .faq-icon { transition: transform .3s ease-in-out }
.app-content-block-faq.target .faq-icon {
    transform: rotate(-180deg);
}
.menu-more-item.permissions { display:none }

.edit-overlay { display:none }
.edit .edit-overlay { display:flex; }
.creator-edit-field-before { pointer-events:none }

.creator-header-cover-img-container img { width:100%; height:100%; object-fit:cover; object-position:center; background-color:white }
.creator-profile-img-container img { width:100%; height:100%; object-fit:cover; object-position:center; background-color:white; }
.creator-header .icon-verified svg { fill:#FFF; }
.dashboard-content-button .icon-verified svg { fill:#1f8fff; }

.parsley-errors-list { list-style-type:none; padding-left:0; color:red; font-size:13px}
.parsley-error { border: 1px solid red !important; }
#wizard .parsley-errors-list {
    background-color: #FDD;
    color: red;
    font-size: 15px;
    line-height: 19px;
    margin: 0;
    border-radius: 0 0 5px 5px;
    width:100%;
}
#wizard .parsley-errors-list li {
    padding:8px; width:100%;
}

.sound-item-creator-verified svg { fill: #536fd8}
li.sound-item .sound-item-creator, .sound-item-creator-verified {
    display: none
}
li.sound-item.featured .sound-item-creator, li.sound-item.expanded .sound-item-creator { display:flex; }
.sound-item-creator-profile-img img, edit-collection-artwork-container img, .sound-item-artwork-container img, .collection-main-artwork-container img, .collection-item-li-artwork img, .collection-item-artwork img, .collection-item-artwork-bg img, .artwork-image img, .dashboard-content-btn-bg img, .dashboard-content-btn-img img, .sampled-sound-player-artwork img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-color: white;
}

.wizard-container-main svg { fill:#FFF; }
.nav-profile-img { display:none; box-sizing:border-box; }
.nav-profile-img img { border:1px solid white; border-radius:100%;  width:100%; height:100%; object-fit:cover; object-position:center; background-color:white;}
.collection-header-btns-edit { display:none }
#editCollectionForm textarea { height:150px; }

a.prompt-close svg { fill:#666; }
a.prompt-close:hover svg { fill:#000 }
.dialog-buttons-pinned { pointer-events:none}
.dialog-buttons-container { pointer-events:auto;}

.introjs-tooltip.introjs-big {
    width: 500px;
    text-align: center;
    max-width: 500px
}
.introjs-tooltip {
    border-radius:10px !important;
}
.introjs-tooltipReferenceLayer, .introjs-tooltipReferenceLayer * {
    font-family: inherit !important;
    line-height:1.4;
}
.introjs-tooltip img {
    margin-bottom:10px;
}
.introjs-tooltip-header { display:none !important; }
.introjs-button {
    border-radius: 40px !important;
    background-color: #9b55e2 !important;
    border: 0 !important;
    text-shadow: none !important;
    font-size:inherit !important;
    color:#FFF !important;
    padding:12px 25px !important;
    box-shadow:none !important;
    line-height:1 !important;

}
.introjs-button:hover { background-color:#a76be3 !important}


.introjs-tooltipbuttons { border-top: 0 !important; display:flex !important; justify-content: space-between !important; padding:20px !important;}
.introjs-tooltiptext { padding-bottom:5px !important; }
.introjs-prevbutton { display:none !important;}
.introjs-helperLayer, .introjs-overlay { pointer-events:none !important; }
.introjs-button.skip {
    background-color: #999 !important;
}
.introjs-button.skip:hover {
    background-color: #AAA !important;
}
.introjs-tooltipbuttons:after { content: none !important; }

.sound-item.compact { padding: 8px 5px; }
.sound-item.compact .sound-item-artwork { width:50px; height:50px; }
.sound-item.compact .sound-item-content-header-name { font-size:15px; margin-bottom:0; }
.sound-item.compact .tag, .sound-item.compact .attr { margin-bottom:2px; font-size:11px; padding-left:5px; padding-right:5px;}
a.btndashboard .dash-btn-content { transform:scale(1); transition:cubic-bezier(.8,0,.2,1) 200ms transform }
a.btndashboard:hover .dash-btn-content { transform:scale(1.1); }


ul.checklist li.checklist-item .check { display:none }
ul.checklist li.checklist-item.complete .check { display:block }
/*ul.checklist li.checklist-item.complete { pointer-events:none; }*/
ul.checklist li.checklist-item.complete, ul.checklist li.checklist-item.complete a { color:#536fd8 !important}
ul.checklist li.checklist-item.complete .checklist-item-check-container { background-color:#536fd8 }

a.dashboard-content-button .dashboard-content-btn-feat { transform:scale(1);transition:cubic-bezier(.8,0,.2,1) 200ms transform }
a.dashboard-content-button:hover .dashboard-content-btn-feat { transform:scale(1.05); }
#featSound .dashboard-content-btn-title { overflow-wrap:break-word; max-width:130px;}
.filters-container h6 { color:rgba(255,255,255,.5); text-transform:uppercase; }




.floating-particles {
    /*-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 20%);*/
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -o-perspective: 200px;
    perspective: 200px;
    transform-style: preserve-3d;
    pointer-events: none;
}

.w-select { margin-bottom: 0}

.ani-shake { animation:shake 0.7s cubic-bezier(.36,.07,.19,.97) both }

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.switch-label[data-text="Public"] {
    display:inline-block
}

.switch-label[data-text="Private"] {
    display: inline-block;
}

.switch-label[data-text="Public"]:before {
}

.switch-label[data-text="Private"]:before {
    width: 17px;
    height: 17px;
    display: inline-block;
    content: url('https://uploads-ssl.webflow.com/61da24b05343376490db7208/637c0ecad5c20cb859dab512_lock-icon.svg');
    margin-right:5px;
}

.copied-tooltip {
    font-size:13px;
    color:#333;
    background-color:#FFF;
    animation:tooltip-slide;
    position:absolute;
    top:-40px;
    left:0;
    padding:4px 8px;
    pointer-events:none;
    width:150px;
    animation:tooltip-slide 3s forwards;
    box-shadow:0 0 5px rgba(0,0,0,.2);
    border-radius:3px;
}
.copied-tooltip:after {

}

@keyframes tooltip-slide {
    0% {
        opacity:0;
        margin-top:20px;
    }

    15% {
        opacity:1;
        margin-top:0;
    }

    85% {
        opacity:1;
        margin-top:0;
    }

    100% {
        opacity:0;
        margin-top:20px;

    }
}

.filters-container .bpm-min, .filters-container .bpm-max {
    color: #FFF;
    font-size: 13px;
    margin-bottom: 5px;
    width:40px;
    text-align:center;

}
.filters-container .bpm-slider {
    flex-grow:1;
    margin:0 10px;
    top:-2px;
    position:relative;
}

.ui-slider .ui-slider-handle {
    border-radius:100%;
    border:0 !important;
    top:-.4em !important;
}
.ui-slider-horizontal {
    height: .4em !important;
    border: 0 !important;
    background:rgba(255,255,255,.4) !important;
}
.ui-slider .ui-slider-range {
    background: rgba(255,255,255,.6) !important;
}

.license.hide { display:none }

.doc-grid-cell .transaction-id {
    overflow-wrap: break-word;
}

#wizard ul.sampled-sounds {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0) 100%);
    padding-bottom: 20px;
}
.doc-grid-cell { overflow-wrap:break-word }
html {
    visibility: visible;
    opacity: 1;
}

.frozen-input.error {
    color: red;
}

#totalCompositionSamplingRoyaltyContainer {
    display: none
}

.form-block-copy .response {
    padding:15px;
}
.mc-field-group {
    flex-grow: 1
}

@media screen and (max-width: 991px) {
    .hero-split-img {
        width:auto;
        position:relative;
        left:0;
        margin-left:0;
    }
    

}

.edit-collection-artwork .edit-overlay {
    display: flex;
}
.summary-text {
    font-size:17px;
    line-height:25px;
}
.flow-chart {
    display: flex;
    column-gap:15px;
    row-gap:25px;
    flex-wrap:wrap;
    justify-content:center;
}
.flow-chart .flow-chart-el {
    border-radius:20px;
    background:rgba(255,255,255,.1);
    padding:35px 35px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    font-size:13px;
    line-height:19px;
    min-width:350px;
    max-width:350px;
    position:relative;
}
.flow-chart .flow-chart-el a {
    color:#FFF;
    text-decoration:underline;
}
.flow-chart .flow-chart-el .title {
    font-size:19px;
    margin-bottom:12px;
    
  }
.flow-chart .flow-chart-el .title .number {
    font-weight:bold;
    margin-right:10px;
}
.app-block.white {
    color: #FFF;
}
.app-block.center, .app-block.center p {
    text-align: center;
}
.app-block h1 {
margin-bottom:30px;
}
.flow-chart .flow-chart-el.arrow:after {
    position: absolute;
    top: 50%;
    right: -40px;
    width: 50px;
    content: url(../images/flowchart-arrow.svg);
    margin-top: -5px;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #FFF 60%);
}
.flow-chart .flow-chart-el.arrow-before:before {
    position: absolute;
    top: 50%;
    left: -35px;
    width: 50px;
    content: url(../images/flowchart-arrow.svg);
    margin-top: -5px;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #FFF 60%);
}

a.cta-block {
    
    height:100%;
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
    background-color:#333;
}
    .cta-block .cta-title {
        font-size:23px;
        line-height:26px;
        
    }
    .cta-block .cta-description {
        font-size:15px;

    }

a.cta-block .cta-content {
    display: flex;
    flex-direction: column;
    row-gap: 9px;
    text-align: center;
    align-items: center;
    justify-content: center;
    transition: transform ease-in-out .1s;
    height:100%;
}
a.cta-block:hover .cta-content {
    transform:scale(1.05);
}
.cta-block.remix {
    /*background: linear-gradient(to right,#64c086,#4d78dd)*/
    background-color: #468efa;
}

.cta-block.samples {
    /* background: linear-gradient(to left,#64c086,#4d78dd)*/
    background-color: #9b55e2;
}

.tag.white {
    border-color: #FFF;
    color: #FFF;
}
.tag.white:hover {
    background-color:transparent;
}

.button-small.purple:hover {
    background-color: #b16df5
}

@media screen and (max-width: 840px) {

    .settings-subscription { 
        grid-template-columns: 1fr;
    }
}
.seller-btn.hide {
    display: none
}
.btnCollectionExistingContainer.hide {
    display: none;
}

.stytch-container {
    max-width:400px;
    margin:0 auto;

}
.stytch-container div, .stytch-container input {
    font-family: 'Klarheit Grotesk', sans-serif !important;
}
.download-terms .credits {
    font-size:11px;
}


.one-time-purchase .credits-amount .credits {
    font-size:23px;
    color: #9b55e2;

}
    .one-time-purchase .dollar-amount {
        color: #1f8fff;
    }

.one-time-purchase-diagram {
    display:flex;
    column-gap:15px;
    justify-content:center;
    margin-bottom:10px;
}
.one-time-purchase-diagram-child {
    position:relative;
}
    .one-time-purchase-diagram .arrow {
        width: 120px;
        margin: 0 auto;
        display:flex;
        align-items:center;
        height:100%;
    }

        .one-time-purchase-diagram .arrow .line {
            width: 100%;
            background: #9b55e2;
            height: 6px;
        }

        .one-time-purchase-diagram .arrow .point {
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 15px solid #b148e4;
        }
.one-time-purchase-diagram .credits {
    font-size: 13px;
    font-weight: bold;
    color: #9b55e2;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top:-25px;
}
.one-time-purchase-diagram .sound-item-creator-profile-img {
width:60px; height:60px;
}
.one-time-purchase-divider {
    padding-top:20px;
    padding-bottom:35px;

}
.one-time-purchase-upgrade-plan .plan {
    color:#1f8fff;
    font-size:19px;
    font-weight:bold;
}
.plan-option-bullet {
    font-size:13px;
    padding:7px 0;
    text-align:left;
    width:240px;
    margin:auto;
    display:flex;
    align-items:center;
}
.plan-option-bullet:before {
    content:url(/images/checkbox.svg);
    width:20px;
    height:20px;
    padding-right:12px;
    display:block;

}
.one-time-purchase-upgrade-plan {
position:relative;
padding:30px;
margin-bottom:20px;
}
.one-time-purchase-button-container {
    margin-top: 20px;
}
.one-time-purchase-upgrade-plan .plan-option-sub {
    margin-bottom:12px;
    margin-top:20px;
}
.one-time-purchase-upgrade-plan .upgrade-button {
margin-top:15px;
margin-bottom:-15px;
}
.one-time-purchase-diagram {
    margin-top: 20px;
}
.emphasis {
    font-weight: bold;
    color: #1f8fff;
}

.one-time-purchase .credits-amount, .one-time-purchase .credits-needed, one-time-purchase .credits-purchase {
    font-weight: bold;
    color: #9b55e2;
}
.one-time-purchase .credits-needed-usd, one-time-purchase .credits-purchase-usd {
    color: #9b55e2;
}
.one-time-purchase .minimum-notice {
    font-size:12px;
    display:none;
    color:#999;
}
.one-time-purchase p {
    line-height:130%;
}
#oneTimePurchaseBtn {
    margin-bottom:0;
}
#oneTimePurchaseBtn span {
    color: #FFF !important;
}

.keys-ui {
    height: 100px;
    width: 92.666%;
    position: relative;
}
.keys-ui .keys {
    display: flex;
    height:100%
}
.keys-ui .keys-white {
    mix-blend-mode: lighten;
    width:100%;
    height:100%;
    position:relative;
}
.keys-ui .keys-mask {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
}
.keys-ui .keys-black {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events:none
}
.keys-ui .keys-black div.key a.black {
    position:relative;
    z-index:4 !important;
    background:none;
    pointer-events:auto;
}
.keys-ui .keys-black div.key a.black:hover {
    background:rgba(255,255,255,.3);
}
    .keys-ui .keys-black div.key a.black.selected {
        background-color: #FFF;
        color: #1f8fff !important;
    }
.keys-ui .keys-mask a {
    border:3px solid black;
}
.keys-ui div.key {
    position: relative;
    text-align:center;
    width:8.3333%;
}
.keys-ui a {
    color: #FFF;
    font-size: 11px;
    position: relative;
    display: block;
    text-decoration: none !important;
}

.keys-ui .keys div.key a.selected {
    background-color: #FFF;
    color: #1f8fff !important;
}
    .keys-ui div.key a.white {
        height: 100%;
        z-index: 1;
        width: 200%;
        padding-top: 68px;
        background: rgba(255,255,255,.2);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .keys-ui div.key a:hover {
        background: rgba(255,255,255,.3);
    }

    .keys-ui div.key a.black {
        height: 60%;
        z-index: 2;
        width: 140%;
        left: 30%;
        padding-top: 10px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color:#000;
    }

    .keys-ui .keys-mask div.key {
        background-color:transparent !important;
    }
    .keys-ui .keys-mask div.key a.white {
     background-color:transparent;
    }
    .keys-ui .keys-mask div.key a.black {
        background-color: #000;
        
    }
.key-types {
    display: flex;
    width: 100%;
    column-gap: 6px;
    padding:3px;
}
.key-types a.key-type {
    font-size:11px;
    background: rgba(255,255,255,.2);
    padding:5px;
    text-align:center;
    border-radius:4px;
    color:#FFF;
    text-decoration:none !important;
    flex-grow:1;
}

.key-types a.key-type:hover {
    background: rgba(255,255,255,.4);
}
    .key-types a.key-type.selected {
        background: #FFF;
        color: #1f8fff !important;
    }
.filters-container .flex-container {
    margin:0;
    justify-content:space-between;

}
.filters-container .reset {
    color: rgba(255,255,255,.5);
    font-size:13px;
    display:none;
}
    .filters-container .reset:hover {
        color: rgba(255,255,255,.75);
        text-decoration: none;
    }
.download-cost-container {
    display: flex;
    column-gap: 15px;
    align-items: center;
    /*margin-top: 10px;*/
}
.download-cost-input-container {
    display: flex;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
}
.download-cost-usd-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.download-cost-container .download-cost-usd-container .input-number-container {
    width: auto;
}
/*
.tags-suggestions .tagify__dropdown__wrapper {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background:rgb(255,255,255,.1);
    display:flex;
    flex-wrap:wrap;

}
.tags-suggestions .tagify__dropdown__item {
    border-radius: 20px;
    padding: 0.1em 0.25em;
    border: 1px solid #FFF;
    margin:3px;
    color:#FFF;
    font-size:11px;
}*/
.dialog-loading-purchase {
    width:100%;
    height:100%;
    background:rgb(255,255,255,.85);
    position:absolute;
    top:0;
    left:0;
    display:none;
    backdrop-filter:blur(5px);
}
    .dialog-loading-purchase .flex-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width:100%;
        height:100%;
    }
.dialog-loading-purchase-container {
    max-width:400px;
}
.dialog-loading-purchase .downloading, .dialog-loading-purchase .error {
    display:none;
}
.dialog-loading-purchase .downloading #downloadProgress {
    background-color: #1f8fff; border-radius:20px; padding:5px; display:inline-block; margin-left:10px;
}
.search-input a.search-clear {
    display:none;
position:absolute;
right:0;
height:100%;
top:0;
padding:5px;
text-decoration:none;
align-items:center;
opacity:.8;
}
.search-input a.search-clear:hover {
    opacity: 1;
}
a.search-clear:before {
    content: '\00D7';
    font-size: 25px;
}
.search-input.clear-visible a.search-clear {
    display:flex;
    color:#FFF;
}

.search-input.clear-visible input.search-library {
    padding-right:35px;
}

.agreement-preview {
height:300px;
width:100%;
overflow:scroll;
padding:15px;
color:#FFF;
border:1px solid #FFF;

}
ul.agreements-list {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.agreements-list li {
    margin:0;
    padding:10px;
    display:flex;
    justify-content:space-around;
}
ul.agreements-list div {
    flex-grow:1;
}
ul.agreements-list div.name {
    text-align:left;

}
ul.agreements-list div.agreement {
    text-align:right;

}
ul.agreements-list div.agreement a {
    color:#FFF;
}
ul.agreements-list li.hide {
    display: none;
}
.royalties-manager .sampled-sounds {
    overflow:auto;
    max-height:none;
    height:auto;
    margin-bottom:40px;
}
.royalties-manager .instructions {
    margin-bottom: 30px;
}
.royalties-manager .sampled-sound {
    border: 1px solid #9b55e2;
    color: #9b55e2;
}
.royalties-manager .sampled-sound:hover {
    background-color:#f4f0f7;
}
.royalties-manager .sampled-sound-li {
    max-width:400px
}
.royalties-manager .sampled-sound svg path {
    fill: #FFF;
}

.royalties-manager ul.sampled-sounds li .sampled-sound.checked svg path{
    fill:#FFF !important;
}
.royalties-manager ul.sampled-sounds li .sampled-sound.checked {
    background: linear-gradient(45deg, #9b54e2, #766ae2);
    color: #FFF;
}
.royalties-manager ul.sampled-sounds li .sampled-sound.checked .check-container {
    display: none
}
.royalties-manager ul.sampled-sounds li .sampled-sound.checked .sampled-sound-player .play-button {
    background: transparent;
}
.royalties-manager ul.sampled-sounds li .sampled-sound.checked .sampled-sound-player .play-button:hover {
    background: rgba(83, 111, 216, 0.7);
}
.royalties-manager p {
    line-height: normal;
    font-size:15px;
}

.royalties-manager .royalties-info .master-royalties, .royalties-manager .royalties-info .publishing-royalties {
    margin-bottom:40px;
}
a.button.purple-outline {
    border: 1px solid #9b54e2;
    color: #9b54e2;
    background: #FFF;
    font-size: 13px;
    padding: 8px 22px;
    transition: none;
}
.royalties-manager a.button.purple-outline.back.hide {
    visibility:hidden;
    pointer-events:none;
}
a.button.purple-outline:hover {
    background-color:#9b54e2;
    text-decoration:none;
    color:#FFF;
}
.royalties-manager .royalties-info {
    display: none;
}

.royalties-manager .royalties-info .master-royalty-total {
    font-weight:bold;
    color:#9b54e2;
}

.royalties-manager .royalties-info table td {
    padding:5px 0;
    font-size:15px;
}
.royalties-manager .royalties-info table th {
    font-weight:bold;
    font-size:17px;
    padding:10px 0;
}
.royalties-manager .royalties-info table th, .royalties-manager .royalties-info table td {
    padding-right:10px;
}
.royalties-manager .royalties-info table tr.hide {
    display:none;

}
    .royalties-manager .royalties-info table {
        border: 0;
        width: 100%;
        margin: 25px 0;
        /*table-layout: fixed;*/
        text-align: left;
    }

.royalties-manager .royalties-info table .sampled-sound-container {

    display:flex;
    align-items:center;
    justify-content:left;
    column-gap:8px;
}
.royalties-manager .royalties-info table .sampled-sound-container .thumb {
    width:40px;
    height:40px;
    background-image: url('/images/re3_icon_300.jpg');
    background-size:cover;
    overflow: hidden;
    background-position: center center;
}
.filters-wrapper {
    position: fixed;
    width: 250px;
    mix-blend-mode: lighten;
}
.song-fields-container {
    display: none;
}
.song-fields-container.active {
    display: block;
}
.pubinfo, .recinfo {
    background: rgba(255,255,255,.1);
    padding: 15px 20px;
    
}
.pubinfo .tooltip, .recinfo .tooltip {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    top: 1px;
    position: relative;
}
.pubinfo .form-wrap {
    margin-bottom:20px;
}
.recinfo .form-wrap {
    margin-bottom:10px;
}
.pubinfo .party-flex-element {
    flex: 1;
  
}
.pubinfo .party-flex-element-small {
    max-width: 22px;
    flex-basis: 22px;
    align-self: stretch;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
a.btn-x-icon:hover {
    text-decoration: none;
}
.pubinfo a.btn-x-icon {
    opacity:.7;
    margin-left:0;
}
.pubinfo .pubinfo-parties {
    width:100%;
}
.pubinfo .pubinfo-parties .pubinfo-party {
    width: 100%;
}
.pubinfo .pubinfo-actions {
    margin-top: 10px;
}
.pubinfo .pubinfo-parties .pubinfo-party:first-child a.btn-x-icon {
    display: none;
}
.pubinfo a.btn-x-icon:hover {
    opacity:1;
}
.pubinfo .party-flex-action-left {
    text-align: left;
    flex:1;
    font-size:15px;
}
.pubinfo .party-flex-action-right {
    text-align: right;
    flex:1;
}
.pubinfo .input-number-container .percent {
    padding-top: 10px;
}
.pubinfo .field-title, .recinfo .field-title {
    font-size: 15px;
    margin-bottom:8px;
}
.pubinfo .flex-container-gap, .recinfo .flex-container-gap {
    column-gap:15px;
}
.pubinfo .pubinfo-notice {
    font-size: 13px;
}
.pubinfo .pubinfo-total {
    font-weight:bold;
    font-size:19px;
}
.pubinfo .pubinfo-total.complete {
    color:#63ee6d;
}
.pubinfo .pubinfo-total.complete:before {
    content:url(/images/check.svg);
    width:16px;
    height:16px;
    display:inline-block;
    margin-right:4px;
    top:2px;
    position:relative;
}
.pubinfo .field-input, .recinfo .field-input {
    padding-top: 8px;
    padding-bottom: 8px;
}
#wizard .w-input {
    margin-bottom: 0;
}
.parsley-errors-list.hide {
    display: none
}
.pubinfo-sample-parties.hide {
    display: none !important;
}
.pubinfo-sample-parties {
    opacity:.5;
}
.input-number-container.party-flex-element input {
    text-align: center
}
ul.sampled-sounds .sampled-sound-li.show.checked {
    display: block !important;
}
ul.sounds li.sound-item.skeleton {
    opacity: 1;
    transform: scale(1);
    color:transparent !important;
    pointer-events:none;

}
ul.sounds li.sound-item.skeleton .sound-item-content-header-name {
    background:linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size:1000px auto;
    border-radius:15px;
    width:125px;
    animation: loading 1s infinite reverse ease-in;

}
ul.sounds li.sound-item.skeleton .tag {
    color:transparent !important; border:0;
    background:linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size:1000px auto;
    animation: loading 1s infinite reverse ease-in;
}
ul.sounds li.sound-item.skeleton .sound-item-content-second-line {
    background:linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size:1000px auto;
    width:40%;
    border-radius:15px;
        margin-top: 3px;
        animation: loading 1s infinite reverse ease-in;
}
ul.sounds li.sound-item.skeleton .sound-item-content-second-line a {
    opacity:0;
}
ul.sounds li.sound-item.skeleton .sound-item-terms-icon {
    opacity:0;
}
ul.sounds li.sound-item.skeleton .sound-item-artwork-container {
    background:linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size:1000px auto;
    animation: loading 1s infinite reverse ease-in;
}
ul.sounds li.sound-item.skeleton .sound-item-terms-line {
    background:linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size:1000px auto;
    border-radius:15px;
    color:transparent !important;
    animation: loading 1s infinite reverse ease-in;
}
ul.sounds li.sound-item.skeleton .sound-item-action-btn {
    background:linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size:1000px auto;
    opacity: 1;
    visibility: visible;
    border-radius: 30px;
        margin: 5px;
    height: 30px;
    animation: loading 1s infinite reverse ease-in;
}
ul.sounds li.sound-item.skeleton.featured .sound-item-action-btn {
    display:none;
}
ul.sounds li.sound-item.skeleton .sound-item-action-btn div {
    display: none;
}
ul.sounds li.sound-item.skeleton .sound-item-terms {
    opacity:1;
}
ul.sounds li.sound-item.featured.skeleton .featured-play-button svg {
    fill: #eee !important;
}
ul.sounds li.sound-item.featured.skeleton .waveform-duration {
    display:none;
}
ul.sounds li.sound-item.featured.skeleton .sound-item-creator-link {
    background: linear-gradient(to right, #eee 40%,#fff 50%,#eee 60%);
    background-size: 1000px auto;
    border-radius: 15px;
    width:120px;
}
ul.sounds li.sound-item.skeleton .sound-item-creator-profile-img {
    opacity: 0;
}
@keyframes loading {
    to {
        background-position: -600px 0;
    }
}
.license .exhibit {
    margin-top:25px;
}
.license .exhibit .exhibit-title {
    text-align: center;
    text-decoration: underline;
    margin-bottom: 15px;
    width:100%;
}
.license .exhibit .pubinfo table {
    margin:auto;
    width:100%;
    max-width:800px;
    text-align:left;
}
.license .exhibit .pubinfo table td, .license .exhibit .pubinfo table th {
    padding: 4px 10px;
}
.license .exhibit .pubinfo table tr.hide {
    display: none;
}