#transcription{padding-bottom:150px}#transcription,.transcription-wrapper{display:flex;flex-direction:column;align-items:center}.transcription-wrapper{width:90vw;z-index:2}.switch-container{display:flex;justify-content:center;align-items:center;margin:20px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--purple-font);border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;border-radius:50%;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:var(--blue-font)}input:checked+.slider:before{transform:translateX(26px)}.change-mode{display:flex;gap:30px;justify-content:center;align-items:center}.change-mode p{color:var(--font-color);font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin:0}.file-upload{margin-top:70px;text-align:center}.dropzone,.file-upload{display:flex;justify-content:center;align-items:center}.dropzone{min-height:345px;width:540px;border:3px dashed var(--font-color);padding:40px;transition:background-color .2s;border-radius:25px;flex-direction:column;background:linear-gradient(258deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12));gap:30px}.dropzone.dragging{background-color:hsla(0,0%,100%,.24)}.file-list{margin-top:20px;list-style-type:none;padding:0}label{display:inline-block;margin-top:10px;color:var(--blue-font-dark);cursor:pointer}.dropzone-content{display:flex;flex-direction:column;align-items:center}.dropzone-content p:first-child{font-size:24px;font-weight:600;margin:0}.dropzone-content p:nth-child(2){font-size:20px;opacity:.7;max-width:70%;text-align:center;margin:0}.dropzone-content label{color:var(--font-dark);background:var(--blue-font-dark);width:140px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:15px;transition:all .5s;margin:30px auto 0}.dropzone-content label:hover{opacity:.9}.dropzone-content-with-file{display:flex;align-items:center;flex-direction:column}.dropzone-content-with-file p:first-child{font-size:24px;font-weight:600;margin:0}.dropzone-content-with-file p:nth-child(2){font-size:20px;text-align:center;margin:0}.dropzone-content-with-file button:first-child{background:transparent;border:0;border-radius:15px;color:var(--font-dark);background:var(--blue-font-dark)}.dropzone-content-with-file button:first-child,.dropzone-content-with-file button:nth-child(2){width:170px;height:50px;display:flex;justify-content:center;align-items:center;font-size:16px;margin-top:30px;cursor:pointer;transition:all .5s;font-weight:500;font-family:inherit}.dropzone-content-with-file button:nth-child(2){background:transparent;border:1px solid var(--font-color);border-radius:15px;color:var(--font-color)}.dropzone-content-with-file button:hover:first-child{opacity:.8}.dropzone-content-with-file button:hover:nth-child(2){background:var(--font-color);color:var(--background)}.transcript-button{color:var(--font-color);font-size:16px;font-style:normal;font-weight:500;line-height:normal;border-radius:11px;border:1px solid var(--font-color);display:flex;width:124px;padding:10px 66px;justify-content:center;align-items:center;gap:10px;background:0}.action-buttons{display:flex;gap:20px}.email-modal{position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;background:rgba(0,0,0,.5);z-index:1000}.email-modal,.modal-content{display:flex;align-items:center}.modal-content{width:530px;height:auto;flex-direction:column;border-radius:15px;background:var(--modal-window-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:40px}.modal-content>div:first-child{display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 20px);margin-top:10px}.modal-content>p{max-width:90%;text-align:center}.modal-content>h2{margin:0}.close-button{min-width:44px;min-height:44px}.close-button,.sumbit-email-button{background:transparent;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}.sumbit-email-button{border-radius:15px;color:var(--font-dark);background:var(--blue-font-dark);width:170px;height:50px;font-size:16px;margin-top:30px;transition:all .5s;font-weight:500;font-family:inherit}input:focus{outline:none}.modal-2-content{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:85%}.modal-2-content p{margin:0}.browse-podcast{margin-top:70px}.find-podcast{display:flex;position:relative;max-width:600px;margin:0 auto}.find-podcast input{border-radius:15px;border:1px solid var(--font-color);width:600px;background:transparent;height:30px;font-family:inherit;padding:16px;font-size:20px;color:var(--font-color)}.find-podcast button{background:transparent;border:0;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;height:100%;cursor:pointer}@media (max-width:600px){.find-podcast button{min-width:44px;min-height:44px;right:6px}}.podcasts-list{display:flex;flex-direction:column;align-items:flex-start;width:95vw;margin-top:70px;gap:50px}@media screen and (max-width:700px){.change-mode>p{font-size:20px}.dropzone,.find-podcast{width:calc(100vw - 120px)}}@media screen and (max-width:600px){.change-mode{display:flex;flex-direction:column;align-items:center;gap:10px}.change-mode>p{font-size:12px}.browse-podcast,.file-upload{margin-top:30px}.find-podcast>input{height:10px;font-size:12px}.switch{width:40px;height:20px}.slider:before{height:12px;width:12px}input:checked+.slider:before{transform:translateX(20px)}.modal-content{width:calc(100vw - 10px)}}@media screen and (max-width:500px){#transcription{min-height:300px}.change-mode{display:flex;flex-direction:column;align-items:center;gap:10px}.file-upload{margin-top:30px}.dropzone{min-height:265px}.dropzone-content p:first-child{font-size:16px}.dropzone-content p:nth-child(2){font-size:12px}.dropzone-content label{font-size:12px;width:120px;height:40px}.find-podcast{width:calc(100vw - 50px)}.action-buttons{flex-direction:column-reverse;gap:10px;margin-top:20px}.dropzone-content-with-file p:first-child{font-size:16px}.dropzone-content-with-file p:nth-child(2){font-size:12px}.dropzone-content-with-file button:first-child,.dropzone-content-with-file button:nth-child(2){width:120px;height:40px;margin-top:0;font-size:12px;padding:0}}@media screen and (max-width:400px){.sumbit-email-button{width:90px;height:40px;font-size:12px;margin-top:10px}}