:root{--bg-yellow: #ffe270;--bg-white: #f9fafb;--bg-off-white: #f0f0f0;--bg-darkened-off-white: #e3e3e3;--bg-lightgrey: #d4d4d4;--text-white: #f9fafb;--text-black: #2b2b2b;--text-red: #eb2f06;--blue: #3b69c4;--lightblue: #1a78b3;--deepblue: #354a5f;--darkened-deepblue: #23313e}main{box-sizing:border-box;padding:10px}.album-navbar{margin-top:10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:5px}.toolbar>a,.toolbar>input{padding:0.4em;margin:0.1em;font-size:1.2em;line-height:1.2em;color:black;background-color:var(--bg-white);border-radius:5px;font-weight:bold}.toolbar>a:hover,.toolbar>input:hover{background-color:#d4d4d4}.toolbar>a:disabled,.toolbar>input:disabled{background-color:var(--bg-white);color:#d4d4d4}.add-files{display:flex;flex-direction:column}.add-files>.inputs{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.add-files>.inputs>p{box-sizing:border-box;max-width:300px;width:100%}@media (max-width: 500px){.add-files>.inputs>p{max-width:100%}}.add-files>.inputs>p>input{box-sizing:border-box;max-width:100%;width:100%;height:40px;line-height:normal;font-size:16px}.add-files>.inputs>div>input,.add-files>.inputs>input{box-sizing:border-box;height:40px;width:100%;max-width:300px}@media (max-width: 500px){.add-files>.inputs>div>input,.add-files>.inputs>input{max-width:100%}}.add-files>.inputs>div{width:100%;max-width:300px}.add-files>.inputs>input[type=submit]:hover{background-color:#287fb8;color:white}.clipboard{margin-top:10px;padding:10px;background-color:rgba(0,0,0,0.1);border-radius:10px}.photos,.albums{margin:20px;min-height:50px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.photos>div,.albums>div{background:rgba(0,0,0,0.5);cursor:not-allowed}.photos>div,.photos>a,.albums>div,.albums>a{box-sizing:border-box;position:relative;height:128px}@media (max-width: 500px){.photos>div,.photos>a,.albums>div,.albums>a{width:calc(50% - 5px);height:108px}}@media (max-width: 300px){.photos>div,.photos>a,.albums>div,.albums>a{width:100%}}.photos>div:hover,.photos>a:hover,.albums>div:hover,.albums>a:hover{background:rgba(0,0,0,0.5)}.photos>div>input[type=checkbox],.photos>a>input[type=checkbox],.albums>div>input[type=checkbox],.albums>a>input[type=checkbox]{position:absolute;top:0;right:0;height:15px;width:15px;margin:5px;cursor:pointer}.photos>div>.photo,.photos>div>.album,.photos>a>.photo,.photos>a>.album,.albums>div>.photo,.albums>div>.album,.albums>a>.photo,.albums>a>.album{box-sizing:border-box;background-color:#333333;background-size:contain;background-repeat:no-repeat;background-position:center center;width:calc(16 / 9 * 128px);height:128px;margin:0;padding:0;box-shadow:none;border:1px solid rgba(0,0,0,0.3)}.photos>div>.photo>img,.photos>div>.album>img,.photos>a>.photo>img,.photos>a>.album>img,.albums>div>.photo>img,.albums>div>.album>img,.albums>a>.photo>img,.albums>a>.album>img{object-position:top bottom;object-fit:contain;height:100%;width:100%}@media (max-width: 500px){.photos>div>.photo,.photos>div>.album,.photos>a>.photo,.photos>a>.album,.albums>div>.photo,.albums>div>.album,.albums>a>.photo,.albums>a>.album{width:100%;height:100%}}.photos>div>.photo:hover>.text,.photos>div>.album:hover>.text,.photos>a>.photo:hover>.text,.photos>a>.album:hover>.text,.albums>div>.photo:hover>.text,.albums>div>.album:hover>.text,.albums>a>.photo:hover>.text,.albums>a>.album:hover>.text{background-color:rgba(0,0,0,0.5)}.photos>div>.photo:hover>.overlay,.photos>div>.album:hover>.overlay,.photos>a>.photo:hover>.overlay,.photos>a>.album:hover>.overlay,.albums>div>.photo:hover>.overlay,.albums>div>.album:hover>.overlay,.albums>a>.photo:hover>.overlay,.albums>a>.album:hover>.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photos>div>.photo:hover>.overlay~.text,.photos>div>.album:hover>.overlay~.text,.photos>a>.photo:hover>.overlay~.text,.photos>a>.album:hover>.overlay~.text,.albums>div>.photo:hover>.overlay~.text,.albums>div>.album:hover>.overlay~.text,.albums>a>.photo:hover>.overlay~.text,.albums>a>.album:hover>.overlay~.text{background-color:transparent}.photos>div>.photo>.text,.photos>div>.album>.text,.photos>a>.photo>.text,.photos>a>.album>.text,.albums>div>.photo>.text,.albums>div>.album>.text,.albums>a>.photo>.text,.albums>a>.album>.text{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:10px;color:white}.photos>div>.photo>.overlay,.photos>div>.album>.overlay,.photos>a>.photo>.overlay,.photos>a>.album>.overlay,.albums>div>.photo>.overlay,.albums>div>.album>.overlay,.albums>a>.photo>.overlay,.albums>a>.album>.overlay{position:absolute;width:100%;height:100%;top:0;left:0}.photos>div>.photo>.overlay::before,.photos>div>.album>.overlay::before,.photos>a>.photo>.overlay::before,.photos>a>.album>.overlay::before,.albums>div>.photo>.overlay::before,.albums>div>.album>.overlay::before,.albums>a>.photo>.overlay::before,.albums>a>.album>.overlay::before{position:absolute;top:0;left:0;width:100%;height:100%;content:'⚠️';color:white;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.photos>div>.album>div,.photos>a>.album>div,.albums>div>.album>div,.albums>a>.album>div{background:rgba(0,0,0,0.5);background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);text-align:left;word-break:break-word}.photos>div>.photo>.text,.photos>a>.photo>.text,.albums>div>.photo>.text,.albums>a>.photo>.text{align-items:center;padding-bottom:30px}