@keyframes drawer-bottom-1p5gc{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes drawer-top-2v3-l{0%{transform:translateY(-100%)}to{transform:translate(0)}}@keyframes drawer-left-1CTzo{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-right-1xG_R{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mask-2CLZX{0%{opacity:0}to{opacity:1}}@keyframes bubbles-2hBLP{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ImageZoomIn-2xpac{0%{opacity:0;transform:scale3d(1.3,1.3,1.3)}50%{opacity:1}}@keyframes upload-progress-1hNQA{0%{width:0%}50%{width:88%}to{width:96%}}.modal-content{position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;padding:30px 10px 50px;overflow:hidden;animation:bubbles .2s cubic-bezier(.33,1,.68,1)}.spotify-code{position:relative;width:100%;height:500px;overflow:hidden;display:flex;flex-direction:column}@media screen and (max-width: 768px){#modal-form{width:100%;height:100%;max-width:none;border-radius:10px}.spotify-code{height:100%}.spotify-code .track-wrapper{padding-top:20px}.spotify-code .track-artist .title{margin-top:20px}}@media screen and (min-width: 768px){.modal-content{width:500px;height:640px}}.spotify-code .input-wrapper{position:relative;display:flex;padding:6px;background:#fff;border-radius:10px;box-shadow:0 2px 10px -2px #00000026}.spotify-code .input-wrapper.input-focus-wrapper .search-wrapper{display:none}.spotify-code .input-wrapper.input-focus-wrapper .confirm{display:flex}.spotify-code .input-wrapper input{flex:1;height:38px;border:0;border-radius:4px;background:#f2f2f2;padding:6px 10px;color:#000;font-size:16px}.spotify-code .input-wrapper input:focus{outline:none}.spotify-code .input-wrapper input::-webkit-input-placeholder{color:#a9a9a9;font-size:14px;text-align:center}.spotify-code .input-wrapper .search-wrapper{position:absolute;right:12px;top:0;bottom:0;display:flex;justify-content:center;align-items:center}.spotify-code .input-wrapper .search-wrapper svg{width:26px;height:26px;fill:#a9a9a9}.spotify-code .input-wrapper .confirm{position:relative;width:38px;height:38px;margin-left:6px;display:none;justify-content:center;align-items:center;background:#daae8a;border-radius:6px;box-shadow:0 3px 10px -2px var(--theme-color-o5);cursor:pointer}.spotify-code .input-wrapper .confirm .icon-wrapper svg{display:flex;width:30px;height:30px;fill:#fff}.spotify-code .track-list-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:scroll;height:100%}.spotify-code .track-list-wrapper.recommend .recommend-title{padding:30px 12px 0;text-align:center;font-size:16px;color:#000}.spotify-code .track-list-wrapper.recommend .track-list{padding-top:4px}.spotify-code .track-list-wrapper.result{position:relative}.spotify-code .track-list-wrapper.result .result-title{height:30px;padding:10px 12px 0;color:#cdcdcd;font-size:12px}.spotify-code .track-list-wrapper.result .track-list{padding-top:16px;padding-bottom:80px;background-color:#f2f2f2}.spotify-code .track-list-wrapper.result .track-list.track-list-empty-1lplc{padding-top:120px}.spotify-code .track-list-wrapper.result .track-list-gradient{top:30px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.spotify-code .track-list-wrapper.result .track-list-gradient div{height:100px}.spotify-code .track-list-wrapper.result .track-list-gradient div.top-gradient-1AvVe{background-image:linear-gradient(to bottom,#f2f2f2,#f2f2f200)}.spotify-code .track-list-wrapper.result .track-list-gradient div.bottom-gradient{background-image:linear-gradient(to bottom,#f2f2f200,#f2f2f2)}.spotify-code .track-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.spotify-code .track-list.track-list-empty-1lplc{display:flex;flex-direction:column;align-items:center}.spotify-code .track-list.track-list-empty-1lplc img{width:100px;height:100px}.spotify-code .track-list.track-list-empty-1lplc span{color:#000;font-size:16px;padding-top:4px}.spotify-code .track-list .track{display:flex;align-items:center;padding:4px 12px;margin:0 12px 8px;border-radius:10px;background:#fff;box-shadow:0 2px 10px -2px #00000026;cursor:pointer}.spotify-code .track-list .track-album{width:36px;height:36px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f2f2f2}.spotify-code .track-list .track-content{flex:1;padding:0 10px;overflow:hidden}.spotify-code .track-list .track-content .track-name{color:#555;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-code .track-list .track-content .track-artists{color:#999;font-size:11px}.spotify-code .track-artist .title{padding-left:6px}.spotify-code .track-list .loadmore{display:flex;justify-content:center;padding:10px}.spotify-code .track-list .loadmore svg>circle{stroke:#555}.close-wrapper{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fff;box-shadow:2px 4px 10px #00000026;cursor:pointer;position:relative;left:50%;bottom:-20px;transform:translate(-50%)}.close-wrapper svg{width:30px;height:30px;fill:#000}.close-wrapper.close-wrapper-track{bottom:20px;animation:move-bottom-1a_tX .3s cubic-bezier(.645,.045,.355,1)}@keyframes move-bottom-1a_tX{0%{bottom:50px}to{bottom:20px}}.spotify-code .track-canvas{position:relative;width:100%;display:flex;flex-direction:column;background-size:cover;background-repeat:no-repeat}.spotify-code .custom-track-canvas{vertical-align:middle;overflow:hidden;position:relative}.spotify-code .custom-track-canvas #upload-album{height:100%;width:100%;cursor:pointer;opacity:0}.spotify-code .track-canvas.track-canvas-loading{background-color:#0000001a;box-shadow:inset 0 1px #ffffff80}.spotify-code .track-canvas .loading-wrapper{display:flex;justify-content:center;align-items:center}.spotify-code .track-canvas .loading-wrapper svg>circle{stroke:var(--theme-color)}.spotify-code .track-wrapper{background:#fff;overflow-x:hidden;overflow-y:auto}.spotify-code .track-wrapper.track-wrapper-post-card{background:#f2f2f2;display:flex;flex-direction:column}.spotify-code .track-wrapper.track-wrapper-post-card .track-content{padding:0 15px}.spotify-code .track-wrapper.track-wrapper-post-card .radio-wrapper{padding:16px 0 0!important}.spotify-code .track-wrapper.track-wrapper-post-card .track-layout-name{font-size:14px;text-align:center;color:#555;padding:5px 0 10px}.spotify-code .track-wrapper.track-wrapper-post-card .track-edit-content-1ztJY{flex:1;background-color:#fff;padding-top:20px;border-radius:20px 20px 0 0}.spotify-code .track-wrapper .track-content{padding:0 5px;display:flex}.spotify-code .track-wrapper .track-content.track-content-hide-MQTR{display:none}.spotify-code .track-wrapper .track-content .track-canvas-wrapper{width:50%;padding:0 10px 15px}.spotify-code .track-wrapper .track-content .track-canvas-wrapper .track-ornament{display:none}.spotify-code .track-wrapper .track-content .track-canvas-wrapper .title{color:#000;font-size:14px;font-weight:700;text-align:center;margin-bottom:15px;padding:6px 3px;word-break:break-word;border-radius:8px;cursor:pointer}.spotify-code .track-wrapper .track-content .track-canvas-wrapper .radio-wrapper{display:flex;justify-content:center;padding:20px 0}.spotify-code .track-footer{margin-top:20px;position:relative;width:100%}#modal-form #modal-close{margin:0 auto;width:40px;height:40px}#modal-form .Icon--close{stroke-width:2px}
/*# sourceMappingURL=/s/files/1/0508/9594/5880/t/11/assets/spotify-code-popup.css.map */