:root{font-family:Helvetica,Arial,Lucida Grande,sans-serif;font-size:1rem;line-height:24px;font-weight:200;--mainDark: hsl(213, 31%, 11%);--mainDark-01: hsla(213, 31%, 11%, .1);--mainDark-05: hsla(213, 31%, 11%, .5);--mainDark-06: hsla(213, 31%, 11%, .6);--mainDark-07: hsla(213, 31%, 11%, .7);--mainDark-08: hsla(213, 31%, 11%, .8);--mainColor: #3c5472;--mainColor2: #648cbe;--mainColor2-02: hsl(213, 41%, 57%, .2);--accent1: #646cff;--accent1-02: hsla(237, 100%, 69%, .2);--accent1-05: hsla(237, 100%, 69%, .5);--accent1-08: hsla(237, 100%, 69%, .95);--accent2: hsla(0, 99%, 49%, 1);--accent2-02: hsla(0, 99%, 49%, .2);--accent2-05: hsla(0, 99%, 49%, .5);--accent2-08: hsla(0, 99%, 49%, .8);--accent2-09: hsla(0, 99%, 49%, .95);--mainlight: #e3e3e3;--mainlight2: #eeeeee;--mainlight2-08: hsla(0, 0%, 93%, .3);--white: #fff;--black: #000;--black-05: hsla(0, 0%, 0%, .5);--opaciti05: .5;--blur: blur(20px);--text-shadow1: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}a{font-weight:500;text-decoration:inherit}a:hover{color:var(--accent1)}h1{font-size:3.2em;line-height:1.1}button{font-family:Helvetica,Arial,Lucida Grande,sans-serif;background:var(--white);color:var(--mainColor);border-radius:4px;border:2px solid black;padding:.5em .9em;font-size:1em;font-weight:450;cursor:pointer;transition:border-color .05s}button.noborder{border:0;padding:0;margin:0}button:disabled{background-color:#ccc;color:#666;border:1px solid #999999;pointer-events:none;opacity:.7}button.closeOverlay{position:absolute;right:.5em;top:.5em;height:40px;width:40px;padding:5px;border-radius:50%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}button>i{text-align:center;align-self:center;align-items:center;margin:auto}input[type=checkbox],input[type=radio]{appearance:none;width:.7rem;height:.7rem;outline:1px solid black;outline-offset:3px;outline-color:#000;border-radius:50%}ul{list-style:none}body:has(.overlay){overflow:hidden}.hide{display:none}table{border-collapse:collapse}span.loading{position:absolute;z-index:15;margin:auto;top:0;bottom:0;right:0;left:0;height:2rem;width:2rem;background-image:url(/assets/loading.1fc22ad4.svg);background-repeat:no-repeat;background-size:contain;animation:spin 1s linear infinite,colorPulse 1.1s linear infinite}span.loading:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%;transform:translate(-.5rem);filter:blur(5px);height:3rem;width:3rem;animation:pulse 1s ease-in-out infinite}@keyframes colorPulse{0%{filter:invert(.7)}50%{filter:invert(1)}to{filter:invert(.7)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{filter:blur(5px)}to{filter:blur(15px)}to{filter:blur(5px)}}#root{width:100%}.App{height:100vh;overflow:auto;position:relative;width:100%;display:grid;place-items:center;justify-content:center;align-items:start;gap:2rem;grid-template-rows:auto 1fr auto;grid-template-columns:5% 1fr 5%;grid-template-areas:"l header r" "l content r" "l footer r"}.content{grid-area:content;display:flex;width:100%;justify-content:center}.logo{margin:0 auto}.version-control-wrapper{position:fixed;z-index:15;top:1rem;left:1rem;border-radius:4px;border:1px solid transparent}.version-control-wrapper:not(:has(.hide)){border:1px solid black;background-color:var(--mainlight)}.version-control-wrapper>button{border-radius:0;margin:5px}.version-control:not(.hide){padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:20px}.overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:var(--mainDark-06);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10}.Header{grid-area:header}.Footer{grid-area:footer}.Header,.Footer{width:100%;display:grid;grid-template-areas:"logo" "socials" "contact";justify-items:center}.Footer.logo{grid-area:logo}.Footer.contact{grid-area:contact}.socials ul{margin:0;padding:0}.socials ul li{display:inline-block;margin-left:.3rem}.socials{display:inline-block;grid-area:socials;height:32px}.overlay:has(.overlay){background:var(--mainColor2-02);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.contact{display:flex;flex-wrap:wrap;width:100%;align-items:center;justify-content:center;font-size:11px;font-family:futura-lt-w01-light,sans-serif}.toggle-btn-container{display:flex;align-items:center;justify-content:flex-end;gap:2%;flex-direction:row-reverse}.toggle-btn-container .title{font-weight:700}.toggle-btn{position:relative;height:var(--h);width:calc(2.5 * var(--h));background-color:#42455a;border-radius:100px;border-color:transparent;cursor:pointer;transition:all .4s ease}.toggle-btn .icon{position:absolute;top:50%;left:calc(-1 * var(--h) / 10);transform:translateY(-50%);height:calc(1.5 * var(--h));width:calc(1.5 * var(--h));display:flex;align-items:center;justify-content:center;background:rgb(209,23,23);border-radius:50%;transition:all .4s ease}.toggle-btn.active .icon{left:calc(100% - calc((1.5 * var(--h)) + calc(-1 * var(--h) / 10)));background:#348100}.language-picker{font-size:1rem;margin-top:.5rem;margin-right:.5rem;padding:.3rem;border-radius:4px;grid-area:r;overflow:hidden;justify-self:flex-end;align-self:flex-start;z-index:3;opacity:.2;transition:all .5s}.language-picker:hover{opacity:1;width:7rem;box-shadow:1px 0 5px var(--accent1);height:calc(7.5rem + 10px);background-image:linear-gradient(to bottom,var(--mainColor) 0%,transparent 90%)}.language-picker .language-hamb{margin-right:0;margin-left:auto}.language-picker button{display:flex;gap:4px;height:2.5rem;border:1px solid var(--accent1);align-items:center;justify-content:center}.language-selector{position:absolute;display:grid;grid-template-rows:0;transform:translate(2px,7px)}.language-picker:hover .selector-buttons{visibility:visible;opacity:1}.language-picker .selected-flag{opacity:.3}.language-picker:hover .language-selector{grid-template-rows:1fr;z-index:99;transition:all .25s}.selector-buttons{width:100%;display:grid;position:relative;grid-template-rows:0fr;grid-template-columns:0fr;gap:2px;z-index:-1;visibility:hidden;opacity:0;overflow:hidden;transition:opacity .6s}.selector-buttons button{width:100%;text-transform:capitalize;background-color:#789;border-color:#0000001a;color:var(--white)}.selector-buttons button:hover{text-shadow:0 0 10px white}.choose-lang-wrapper{position:absolute;top:0;bottom:0;right:0;left:0;margin:0;font-size:1.5rem;display:grid;justify-items:center;gap:2rem;padding:2.5rem 3rem 3rem}dialog.choose-lang{z-index:6;top:0;bottom:0;right:0;left:0;width:450px;height:300px}.choose-lang-buttons{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;justify-content:center;gap:1rem}.choose-lang-buttons .selected-lang{box-shadow:inset 0 0 10px green}.choose-lang-wrapper .button-language-continue{background-color:var(--accent1);color:var(--white)}.flag.en{display:block;background-image:url(/assets/flag-us.6cf73c8c.svg);background-size:cover;width:1rem;height:1rem}.flag.es{display:block;background-image:url(/assets/flag-es.b1d44738.svg);background-size:cover;width:1rem;height:1rem}.dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:5}.all-albums-container{grid-area:album;width:100%;display:grid;grid-template-rows:auto 1fr}.display-tags-wrapper{display:flex;overflow-x:visible}.display-tags-wrapper+.album-container{border-radius:0 4px}.display-tag{display:inline-block;position:relative;color:#000;border-radius:8px 8px 0 0;background:var(--mainlight);padding:1rem;border:1px solid black;border-bottom:0}.display-tag.selected-field{color:var(--white);background:var(--mainColor2)}.display-tag.selected-field:before{content:"";position:absolute;bottom:0;left:0;height:5px;width:100%;background-color:var(--mainColor2);translate:0 4px;z-index:3}.display-tag.selected-field:hover{border-color:#000;text-shadow:unset}.display-tag+.display-tag{border-left:0}button.save-changes{justify-self:center}.photo-container{position:relative;padding:.2rem;height:350px;border-radius:.2rem;background:var(--white);margin:3px;box-shadow:inset 0 0 5px var(--mainDark-08);z-index:2}.photo-container.square-photos{width:125px}.photo-container:hover,.photo-container:hover img{cursor:pointer;box-shadow:inset 0 0 5px var(--mainDark),0 0 2px var(--mainDark)}img.imgMiniature{object-fit:cover}.displayTags{display:flex;flex-wrap:nowrap}.photo-id-miniature,.tags{position:absolute;top:.2rem;left:.2rem;display:flex;gap:2px;text-align:right;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;align-content:flex-start}.photo-id-miniature{left:unset;right:.2rem;padding:.5rem;text-align:center;color:#fff;font-weight:bolder;text-shadow:1px 0px black,-1px 0px black,0px 1px black,0px -1px black}.photo-id-miniature:before{content:"#"}.tags{scrollbar-width:thin;scrollbar-color:#fffb #000000}.tags::-webkit-scrollbar{width:5px}.tags::-webkit-scrollbar-track{background:#fffb;border-radius:50px}.tags::-webkit-scrollbar-thumb{background-color:#000;border-radius:0%;border:1px transparent}.imgtag{background:var(--white);border:2px solid var(--mainColor);border-radius:3px;padding:0 2px;margin-top:1px}.photo-container button{position:absolute;z-index:0;bottom:1.3vh}.photo-container button.fullScreen{left:1.3vh;top:1.3vh;border:1px var(--black) solid;background:var(--mainlight);padding:5px;height:30px;width:30px}.photo-container button.toggle{right:1.3vh}.album-container{position:relative;width:calc(100% - (2*min(2.5rem,2.5vw)));height:75vh;padding:min(2.5rem,2.5vw);background:var(--mainColor2);overflow:hidden;border:1px solid black}.album-container:before{content:"";position:absolute;top:min(2.5rem,2.5vw);bottom:min(2.5rem,2.5vw);right:min(2.5rem,2.5vw);left:min(2.5rem,2.5vw);box-shadow:inset 0 0 4px var(--mainDark);border:1px solid var(--mainDark);z-index:3;pointer-events:none}.images-container{height:calc(100% - 2rem);overflow-x:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;background:var(--mainlight2);padding:1rem}.fullScreen-photo-container:has(.fullScreen-fields-select-container){grid-template-areas:" photo fsmenu";grid-template-columns:calc(70% - 2rem) calc(30% - 1rem);justify-content:space-between;gap:1rem;overflow:hidden}.fullScreen-photo-container .fullScreen-fields-select-container{grid-area:fsmenu;height:max-content;display:grid;grid-template-rows:1fr auto;padding:3rem 0}.fullScreen-photo-container:has(.in-previews){padding:2rem}.fullScreen-fields-select-container .fields{min-width:none}.fullScreen-fields-select-container{height:80%;background-color:#fff;transform:translate(-1rem)}.fullScreen-photo-container:has(.fullScreen-fields-select-container) .fullScreen-photo{transform:translate(1rem)}.comments-input{align-self:flex-start;height:75%;min-height:150px;width:75%;display:grid;grid-template-rows:auto 1fr}.comments-input label{color:#fff;font-size:larger}.in-previews .field{color:#fff;padding:2rem;align-items:center;margin:0;font-size:larger;width:auto}.selected-preview-photo-fields{display:flex;flex-wrap:wrap;gap:1rem;place-items:center;justify-content:center;align-content:center;align-items:center}.fullScreen-photo-container{background-color:#000c;height:calc(100vh - 2rem);height:100vh;width:100%;max-width:max(1000px,calc(100% - 10vw));display:grid;grid-template-areas:"photo";align-items:center;justify-items:center}.fullScreen-photo{grid-area:photo;position:relative;display:flex;align-items:center;justify-content:center;z-index:10;height:100%;width:100%;max-height:calc(100vh - 4rem);max-width:calc(100vw - 35vh)}.fullScreen-photo .photoId{display:block;position:absolute;color:#fff;z-index:11;margin:0;top:0;right:0;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black}.fullScreen-photo .photoId:before{content:"#"}.fullScreen-photo img{object-fit:contain;box-shadow:0 0 15px var(--mainlight)}.fullScreen-photo img.loading{object-fit:none;filter:blur(10px);width:95%;height:95%;clip-path:inset(0);box-shadow:none}.fullScreen-photo img.loaded{filter:blur(0px);transition:blur .5s linear,object-fit 5s linear}.nav-button{border-radius:50%;position:absolute;top:50%;z-index:10;background:var(--white);color:var(--mainDark);border:1px solid var(--mainColor2);font-size:25px;height:44px;width:44px;padding:0;display:flex}.nav-button.previous-photo{left:3vh}.nav-button.next-photo{right:3vh}.fullScreen-photo button:hover{color:var(--accent2)}.fullScreen-photo button:disabled{display:none}@media (max-width: 1100px){.fullScreen-photo-container{max-width:calc(100% - 10vh)}}.vers,.select-wrapper{width:100%}.albums-menu-container{display:grid;grid-template-areas:"album";align-items:center;gap:1rem}.albums-menu-container:has(.select-menu){grid-template-areas:"selectMenu album";grid-template-columns:1fr 3fr;gap:1rem}.select-menu{grid-area:selectMenu;display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;justify-items:center;align-content:center;border:1px solid black;height:min-content;border-radius:4px;background-color:var(--mainColor);padding:1rem 0;width:100%}.select-menu h2{color:#fff;text-shadow:var(--text-shadow1);text-align:center}.fields{min-width:75%}.checkContainer,.radioContainer{display:grid;grid-template-columns:auto auto;border:1px solid var(--mainDark);background:var(--mainlight2);border-radius:3px;padding:1rem .5rem;margin:.5rem 0;gap:1rem;justify-items:center;justify-items:start}.checkContainer:has(.count),.radioContainer:has(.count){grid-template-columns:auto auto 5em;gap:.5rem}.checkContainer>span:first-child{font-weight:700}.checkContainer:hover,.radioContainer:hover{cursor:pointer}.radioContainer:has(input:checked){font-weight:bolder}.count-number.over-limit{color:red}input[type=checkbox]{border-radius:0%}input[type=checkbox]:checked{background:var(--mainColor2)}input[type=radio]:checked{background:var(--accent2)}.select-menu label span{display:flex;align-items:center;gap:min(5vw,.5rem,5%)}.v2{width:100%}.details-table{padding-bottom:2rem}.details-table table{margin:0 auto;min-width:60%}.v2.displayMenuContainer{width:100%;margin:0 auto}.v2 .displayMenu{width:100%}.v2 thead>tr>th{font-size:large;padding:1rem;text-align:center}.v2 table.album-details>tbody>tr>td.collectionDetails{grid-template-columns:1fr;padding:0}.v2 .displayTag.all,.v2 .displayTag.selectedPrev{display:inline-block}.v2 table.album-details{border:transparent}.v2 table.album-details tr{width:100%}.v2 table.album-details>tbody>tr{border:transparent}.v2 thead>tr>th{background-color:var(--mainDark-08);color:#fff}.v2 tbody>tr>td{text-align:center}.v2 .radioContainer:has(:checked){background:unset}.v2 .radioContainer{justify-content:flex-start;border:none;background:inherit;padding:.1rem .5rem}h2.photoId{display:block;position:absolute;color:#fff;z-index:11;margin:0;top:0;right:0;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black}.selectedPhoto{grid-area:photo}.selectMenuContainer{border-radius:0 4px 4px 0;height:75vh;padding:2.5rem 2rem;grid-area:menu}.select-menu .albumContainer{border-radius:0 0 0 4px}.select-menu .selectedPhoto{border-radius:0}.MenuRadioFields button{width:80px}.previewButton{padding:0 .5rem;border-radius:0}.select-menu input[type=checkbox],.select-menu input[type=radio]{height:20px;width:20px}span.count{justify-self:flex-end}select{font-size:14px;border:none;border-radius:2px;background:var(--white)}table.album-details{font-size:large}table.album-details td{padding:1rem}table.album-details tr:nth-child(odd){background-color:var(--mainlight2)}table.album-details tr:nth-child(even){background-color:var(--mainlight)}.exit-tour-button{display:flex;align-items:center}.Dashboard{justify-items:center;gap:1rem;display:grid;width:min(900px,90vw);box-shadow:0 0 10px var(--color1);border:1px solid var(--color1);border-radius:4px}caption .header{display:flex;flex-wrap:wrap;padding:.5rem 2rem;border:1px solid black;margin:0;text-align:left;background:var(--mainlight);justify-content:space-between;flex-direction:row;align-items:center;border-radius:4px 4px 0 0}table.albumDetailsTable,table.dashboard-table{border-left:1px solid black;border-right:1px solid black;border-spacing:0;border-collapse:collapse;width:100%}table.dashboard-table{background:var(--white);border:1px solid black;border-top:0;width:100%;max-height:500px;overflow-y:scroll}table.dashboard-table>thead>tr{background-color:var(--mainColor2);color:var(--mainlight2);text-transform:capitalize;height:45px;font-size:medium}table.dashboard-table>tbody>tr>td{cursor:pointer}table.dashboard-table>tbody>tr:hover{background-color:var(--mainColor2-02)}table.dashboard-table>tbody>tr,table.albumDetailsTable>tbody>tr,table.albumDetailsTable>tbody>td{border-top:solid 1px var(--mainDark);border-bottom:solid 1px var(--mainDark);height:40px;padding:.5rem 1rem;text-align:center}table.albumDetailsTable>tbody>tr>td{display:grid;grid-template-columns:auto 1fr;text-align:left;padding:.5rem 1rem;align-items:center;justify-items:center}table.albumDetailsTable>tbody>tr>td>button{display:inline-block;margin:unset}table.albumDetailsTable>tbody>tr>td:before{content:attr(data-cell) ":";font-weight:700;width:180px}.updateAlbum table.albumDetailsTable>tbody>tr>td:last-child{min-width:500px;max-height:450px;overflow:auto}.selected-group{padding:.5rem 1rem;margin:1rem 0;border-radius:10px;border-color:#666;background-color:#ccc}.selected-group h4{margin-top:0}.selected-photo-index.has-comment{color:red}table.albumDetailsTable>tbody>tr>td:last-child{min-width:300px}table.albumDetailsTable table.collection-fields-table{width:80%}.Dashboard>table{width:100%}.sortable{cursor:pointer}button.copyToClipboard{width:max-content;margin:.2rem auto;display:flex;align-items:center;justify-content:center;gap:.4rem}.dashboard-table button.copyToClipboard span{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100px}.createContainer{position:relative;display:grid;grid-template-columns:1fr;justify-content:space-evenly;justify-items:center;width:50%;padding:2rem;gap:2rem;background:var(--mainlight);border-radius:4px;box-shadow:0 0 10px var(--color1)}.flickrurl{width:100%;display:flex;font-weight:700;align-items:center;justify-content:center;gap:1rem}#FlickrURL{padding:.3rem 4rem .3rem 1rem}.radioContainer.collection:has(input:checked){font-style:italic;font-weight:700}.collection-type-field table.collection-fields-table tr td{text-align:center;padding:0 .5rem}.collection-type-field table.collection-fields-table tr td:first-child{font-weight:bolder}.InputCollection{display:grid;width:80%;grid-template-columns:repeat(4,1fr);gap:.5rem}.radioContainer.collection{justify-content:space-between;align-items:center;border:0}.create-album-button{justify-self:center}.Dashboard .nav-buttons{width:100%;display:flex;justify-content:space-between;align-items:center;gap:3rem}.nav-buttons button:disabled{color:#fff;background-color:gray;opacity:.5;cursor:auto}.displayMenuContainer{width:max(1000px,calc(100% - 30vw));position:relative;display:flex;flex-direction:column-reverse;gap:2rem;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;height:90%;border-radius:4px}.updateAlbum .displayMenuContainer{position:relative;display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;margin:1.5rem}.updateAlbum .displayMenuContainer .displayMenu{grid-column-start:1;grid-column-end:-1}.updateAlbum .displayMenuContainer .all-albums-container{grid-area:auto}.current-collection-details{display:grid;gap:.5rem;width:100%;justify-items:center;transform:translate(1rem)}.current-collection-details h3{margin-bottom:0}.edit-collection{display:grid;grid-template-rows:auto 1fr auto;justify-content:center;justify-items:center}.edit-collection-type{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.edit-collection .collection-fields{width:100%}.edit-collection .collection-fields table{margin:1rem auto}.edit-collection .collection-fields table.custom-collection{width:min(300px,80%)}.edit-collection .collection-fields table.custom-collection tr:last-child td{text-align:center;height:2rem;padding:1rem 0 .5rem}.edit-collection .collection-fields table.custom-collection tr td:nth-child(1){width:50%}.edit-collection .collection-fields table.custom-collection tr td:nth-child(2){width:10%;text-align:right}.edit-collection .collection-fields table.custom-collection tr td:nth-child(3){width:5%}.edit-collection .collection-fields table.custom-collection .delete-button{border:1px transparent;padding:10px;margin:0;border-radius:50%;height:1.5rem;width:1.5rem}.edit-collection .collection-fields table.custom-collection .number-of-photos{width:3rem;text-align:center}.edit-collection .collection-fields table.custom-collection form{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.edit-collection .collection-fields table.custom-collection form input{height:2rem;margin-right:5px}.edit-collection .collection-fields table.custom-collection form input[type=number]{width:3rem;height:2rem}.edit-collection .collection-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-collection:has(.new-field-inputs) .collection-buttons button{background-color:#ccc;color:#666;border:1px solid #999999;pointer-events:none;opacity:.7;-webkit-user-select:none;user-select:none}.selected-photos-number-container{width:100%;max-height:100%}.selected-numbers-in-field{display:flex;gap:1rem}.displayfields>div,.dispfields>div{display:grid;grid-template-columns:1fr 1fr;margin-block-end:2px}.dispfields>div :last-child{text-align:center;width:50px;width:100%}.customFieldActions button{padding:0;height:20px;width:20px;border-radius:50%}.dispfields .customFieldActions{display:grid;grid-template-columns:1fr min-content min-content;gap:10px;align-items:center}.customFieldActions input{width:min-content;height:20px;text-align:center;background-color:var(--mainlight);border:1px solid;border-radius:3px}.displayMenu{background:var(--white);padding:3rem}.displayMenu h2{margin-top:0;margin-bottom:2rem}.newFieldContainer,.field{width:inherit;display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin:5px}.field{padding:.1rem 1rem .1rem 2rem;background-color:var(--mainDark);border-radius:4px;width:140px}.creatingField{grid-row:2;grid-column:1 / 4;display:flex;align-items:center;justify-content:space-evenly}.label-and-button{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:4rem}@media (max-width: 650px){.Dashboard thead:after{display:block;content:"Albums";text-align:center;font-weight:700;font-size:24px;padding:1rem;background-color:var(--mainColor2);color:var(--white)}.Dashboard thead tr{display:none}.Dashboard .dashboard-table td{display:grid;grid-template-columns:1fr 1fr;max-width:100%;padding:.5rem 1rem;text-align:left}.Dashboard tr>:last-child{text-align:left}.Dashboard .dashboard-table td:before{content:attr(data-cell) ": ";font-weight:700}.albumName,.albumDate{max-width:unset}button.copyToClipboard{width:max-content;margin:0}.imagesContainer{width:100%}.updateAlbum .displayMenuContainer{margin:0;padding:1rem;padding-bottom:0;height:100%}.updateAlbum table.albumDetailsTable>tbody>tr>td:last-child{min-width:unset}.Dashboard table.albumDetailsTable>tbody>tr>td:last-child{min-width:unset}.Dashboard table.albumDetailsTable>tbody>tr>td{grid-template-columns:1fr}.label-and-button{justify-content:flex-end;gap:2rem}.editCollection{grid-template:"edit" "display" "addButton" "editbuttons"}.editCollectionButtons{justify-self:right}.addButton{justify-self:left}.dispfields input[type=number]{max-width:40px}.creatingField{all:unset;display:grid;gap:1rem}}.albumDetailsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.albumDetailsGrid>div{padding:1rem;border-radius:4px;border:1px solid gray;text-align:center}.albumDetailsGrid .Detailsheader{grid-column:span 2;border:transparent;text-align:center}.albumDetailsGrid .Detailsheader,.albumDetailsGrid .collectionType,.albumDetailsGrid .selected{grid-column:span 2}.collection-fields-grid .collection-field{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home{display:grid;grid-template-areas:"stack";place-items:center;max-width:100vw}.home>*{grid-area:stack}.backgroundImages{margin:1em 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:600px}.backgroundImages img{object-fit:cover;height:100%;width:100%;overflow:hidden}.backgroundImages .bg_left{grid-column:1 /4;grid-row:1 / -1}.backgroundImages .bg_right{grid-column:4 /-1;grid-row:1 / -1}.backgroundImages .bg_mid{grid-column:3 /5;grid-row:1 / -1}.backgroundImages .bg_mid img{object-fit:fill}.albumCodeContainer{display:flex;padding:5vh 3vh;background:var(--color4);border-radius:6px}.albumCodeContainer input{margin-right:5px;border-radius:4px}button.dashBoard-button{position:absolute;top:0;right:0;border:none;color:transparent;background:transparent}.loggedin-info{display:flex;align-items:center;gap:1rem;height:auto}.login-msg{display:grid;justify-items:center}