html.sl-theme-dark{--kuratr-mixtape-icon-container-background-color: var(--sl-color-neutral-900);--kuratr-track-text-colour: var(--sl-color-neutral-100);--kuratr-login-button-text-colour: var(--sl-color-neutral-800);--kuratr-login-button-text-hover-colour: var(--sl-color-neutral-1000);--kuratr-footer-text-colour: var(--sl-color-neutral-800);--kuratr-monospace-text-colour: var(--sl-color-neutral-700);--kuratr-outline-highlight-colour: yellow}html:not(.sl-theme-dark){--kuratr-mixtape-icon-container-background-color: var(--sl-color-neutral-200);--kuratr-track-text-colour: var(--sl-color-neutral-800);--kuratr-login-button-text-colour: var(--sl-color-neutral-200);--kuratr-login-button-text-hover-colour: var(--sl-color-neutral-0);--kuratr-footer-text-colour: var(--sl-color-neutral-100);--kuratr-monospace-text-colour: var(--sl-color-neutral-800);--kuratr-outline-highlight-colour: var(--sl-color-yellow-300)}html.fullscreen,body.fullscreen{height:100%;margin:0px;padding:0px}html,body{font-family:"Open Sans",Verdana,Arial,sans-serif}h1.reduced-margin{margin-block-end:.1em}h2.reduced-margin{margin-block-start:.1em}h2,h3{font-weight:300}.pr-8{padding-right:8px}.pr-16{padding-right:16px}.pt-8{padding-top:8px}:not(:defined){visibility:hidden}a.no-decorate,a.no-decorate:hover{text-decoration:none !important}.center{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.step-text{font-weight:300;color:var(--sl-color-neutral-800)}.stepgo{display:flex;flex-direction:column;align-items:center;margin-top:4em}a.login-button,a.login-button *{pointer-events:auto;cursor:pointer;color:var(--kuratr-login-button-text-colour);text-align:center}a.login-button:hover{color:var(--kuratr-login-button-text-hover-colour)}.login-button{background-color:#091d35;border-width:0px;border-radius:20px;padding:20px;font-size:120%}.login-button:hover{background-color:#133863}@media(max-width: 799px){.step1,.step2,.step3{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:2em}}@media(min-width: 800px)and (max-height: 720px){.step-container{display:grid}.step1{display:flex;flex-direction:column;align-items:center;text-align:center;grid-row:1;grid-column:1}.step2{display:flex;flex-direction:column;align-items:center;text-align:center;grid-row:1;grid-column:2}.step3{display:flex;flex-direction:column;align-items:center;text-align:center;grid-row:1;grid-column:3}.stepgo{display:flex;flex-direction:column;align-items:center;text-align:center;grid-row:2;grid-column:2}}@media(min-width: 800px)and (min-height: 720px){.step-container{display:grid;grid-auto-rows:.5fr}.step1{display:flex;flex-direction:column;align-items:center;text-align:center;grid-column:1;grid-row:1/3}.step2{display:flex;flex-direction:column;align-items:center;text-align:center;grid-column:2;grid-row:2/4}.step3{display:flex;flex-direction:column;align-items:center;text-align:center;grid-column:3;grid-row:3/5}.stepgo{display:flex;flex-direction:column;align-items:center;text-align:center;grid-row:4;grid-column:2}}div.header{width:100%;justify-content:space-between;align-items:center;display:flex;background-color:#2d6a83;margin:0px;padding-top:8px;padding-bottom:8px}.header-content{margin-left:16px;color:rgb(242.5698863636,248.3579545455,250.7301136364)}.profile-button{padding-right:24px}div.body{padding-left:32px;padding-right:32px}.mixtape-container{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;height:100%}.one-mixtape{padding:32px;display:flex;flex-direction:column;align-items:center;width:320px}.one-mixtape-icon-container{width:260px;height:260px;background-color:var(--kuratr-mixtape-icon-container-background-color);display:flex;align-items:center;justify-content:center;margin-bottom:4px;position:relative}.button-overlay{position:absolute;top:0;right:0;margin-top:2px;margin-right:2px}.button-overlay>sl-button{position:absolute;right:0px}.one-mixtape-icon{width:256px;height:256px;padding-top:2px;padding-left:0px}.one-mixtape-label{text-align:center;max-width:320px;max-height:8ch;overflow:hidden;text-overflow:ellipsis}.one-mixtape-label>a{color:var(--sl-color-neutral-800)}.new-mixtape-button{font-size:12rem}.new-mixtape-button::part(base){color:#091d35}div.canvas{width:100%;position:relative}div.footer{width:100%;position:fixed;bottom:0;left:0;justify-content:space-between;display:flex;background-color:#2d6a83;color:var(--kuratr-footer-text-colour);padding:8px}div.footer-item-fixed{display:flex;justify-content:space-between;flex-grow:0;margin-right:32px}div.footer-item-grow{display:flex;justify-content:space-between;flex-grow:1}div.footer-item-fixed img{display:inline-block;position:absolute;top:8px;left:8px;height:calc(100% - 16px);object-fit:scale-down}.square{width:40px;height:40px;margin-right:4px}.vertical-centre-text{display:flex;align-items:center}.add-track-panel{--size: 50vw}.search-input-container{display:flex;flex-direction:row;padding-bottom:8px}.search-string{display:inline-block;flex-grow:1;margin-right:8px}.search-button{display:inline-block}.search-results-panel{display:flex}.search-result-with-hover{border-bottom:dashed 1px}.search-result-container{display:flex;justify-content:space-between;align-items:center;padding-top:2px;padding-bottom:2px}.search-result-row-odd{margin-bottom:2px;padding-left:4px;padding-right:4px;background-color:var(--sl-color-neutral-100)}.search-result-row-odd a{color:var(--sl-color-neutral-900);text-decoration:underline var(--sl-color-neutral-900) dotted;-webkit-text-decoration:underline var(--sl-color-neutral-900) dotted}.search-result-row-even{margin-bottom:2px;padding-left:4px;padding-right:4px;background-color:var(--sl-color-neutral-200)}.search-result-row-even a{color:var(--sl-color-neutral-900);text-decoration:underline var(--sl-color-neutral-900) dotted;-webkit-text-decoration:underline var(--sl-color-neutral-900) dotted}div.track{position:absolute;width:200px;height:50px;background-color:#e5effa;border:2px solid #000;border-radius:5px;font-size:10pt}div.track-text{text-align:center;color:var(--kuratr-track-text-colour);max-height:100%;overflow:hidden}div.track-text a{color:var(--kuratr-track-text-colour);text-decoration:underline var(--kuratr-track-text-colour) dotted;-webkit-text-decoration:underline var(--kuratr-track-text-colour) dotted}.play-pause-container{display:inline-block}.play-pause-container.playing .play{display:none}.play-pause-container:not(.playing) .stop{display:none}.play-pause-container.playing .play-search-result-preview{display:none}.play-pause-container:not(.playing) .stop-search-result-preview{display:none}svg>circle{fill:#609ce1;stroke-width:1px}:not(svg.outbound:hover)>circle{stroke:var(--kuratr-track-outline-colour)}svg.outbound:hover>circle{stroke:var(--kuratr-outline-highlight-colour)}div.track:not(:hover) div.play-pause-container:not(.playing) svg.play,div.track:not(:hover) svg.play-disabled{display:none}div.play-start{position:absolute;top:25px;left:5px}div.play-end{position:absolute;top:25px;left:175px}.play-preview{position:absolute;top:25px;left:89px}svg.close{position:absolute;top:-12px;right:-12px}:not(div.no-connections)>svg.close{display:none}:not(svg.close:hover)>circle{stroke:var(--kuratr-track-outline-colour)}svg.close:hover>circle{stroke:var(--kuratr-outline-highlight-colour);stroke-width:3px}polygon.play,rect.stop{fill:#091d35}polygon.play.jtk-overlay-play-transition:not(:hover),rect.stop.jtk-overlay-play-transition:not(:hover){stroke:#609ce1;stroke-width:1}polygon.play:not(.jtk-overlay-play-transition):not(:hover),rect.stop:not(.jtk-overlay-play-transition):not(:hover){stroke:#091d35;stroke-width:1}polygon.play:hover,rect.stop:hover{fill:#091d35;stroke:var(--kuratr-outline-highlight-colour);stroke-width:3}polygon.play-disabled{fill:#c1c6cc;stroke:#465567;stroke-width:1}dt{font-family:"Inconsolata",monospace;color:var(--kuratr-monospace-text-colour)}