*{padding:0;margin:0;transition:all .1s ease}@starting-style{.button{opacity:0;scale:1 0}}:root{font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--warm-gold-color: #ffa726;--golden-color: #ffb300;color-scheme:dark light;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{margin:0;display:flex;place-items:center;min-height:100vh}@media (prefers-color-scheme: light){:root{--bg-color: #fdfdfd;--button-bg: #ececec;--text-color: #1e1e1e;--shadow-color: rgba(0, 0, 0, .08);--hover-bg: #dddddd}}@media (prefers-color-scheme: dark){:root{--shadow-color: rgba(0, 0, 0, .5);--hover-bg: #2a2a2a;--bg-color: #121212;--button-bg: #1e1e1e;--text-color: #e8e8e8}}#root{margin:0 auto;text-align:center;height:100vh}.cat-btn{transition:all .3s ease-in-out;width:10ch;height:10ch;position:fixed;bottom:10px;left:10px;z-index:101;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);border:3px solid var(--warm-gold-color);padding:0;cursor:pointer;box-sizing:border-box}.cat-btn:hover{background-color:var(--hover-bg);box-shadow:5px 10px 5px var(--shadow-color);transform:scale(1.01)}.cat-btn:disabled:hover{background-color:var(--button-bg);box-shadow:none;cursor:default}@media (max-width: 800px){.cat-btn{transform:scale(.8);max-width:45vw;max-height:45vw;left:0;bottom:0}.cat-btn:hover{background-color:var(--hover-bg);box-shadow:5px 10px 5px var(--shadow-color);transform:scale(.81)}}.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.loader{height:100%;width:100%;margin:auto}.lds-ellipsis{--size: 1ch;--distance: 1ch;--color: var(--text-color);--duration: .3s;--timing-function: cubic-bezier(.5, 0, 0, 0);position:relative;color:var(--color);width:calc((var(--size) * 3) + (2 * var(--distance)));height:var(--size)}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis div{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:var(--color);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:var(--timing-function)}.lds-ellipsis div:nth-child(1){left:0;animation-name:lds-ellipsis1}.lds-ellipsis div:nth-child(2){left:0;animation-name:lds-ellipsis2}.lds-ellipsis div:nth-child(3){left:calc(var(--size) + var(--distance));animation-name:lds-ellipsis2}.lds-ellipsis div:nth-child(4){left:calc((var(--size) + var(--distance)) * 2);animation-name:lds-ellipsis3}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(calc(var(--size) + var(--distance)))}}.gallery{margin:0;padding:0;height:100%;width:100%;display:flex;flex-direction:row}.gallery-container{width:100vw;height:100vh}.column{display:flex;height:100%;width:100%;flex-direction:column}.gallery-img{object-fit:cover;margin:auto;width:100%;height:100%;aspect-ratio:1/1;box-sizing:border-box;cursor:pointer;opacity:0;transition:opacity transform box-shadow .2s linear}.fade-in{opacity:1;animation:fade .3s linear}@keyframes fade{0%{opacity:0}to{opacity:1}}.gallery-img:hover{box-shadow:5px 10px 5px var(--shadow-color);transform:scale(1.01)}.gallery-img:active{transform:scale(1.02) rotate(2deg)}.modal{position:fixed;width:100vw;height:100vh;background-color:var(--shadow-color);display:flex;justify-content:center;align-items:center;top:0;left:0;opacity:1;transform:scale(1);animation:shoowIn .3s ease-in;z-index:100;cursor:pointer}.modal.close{animation:shoowOut .3s ease-out;background:none;left:100%;opacity:0;transform:scale(.8);cursor:default}.modal-hero{max-width:90%;max-height:90%;cursor:default}.shoowIn{animation:shoowIn .3s ease-in;opacity:1}.shoowOut{animation:shoowOut .3s ease-in;opacity:0}.modal-btns .cat-btn{top:calc(50% - 10ch)}.modal-btns :last-child{left:calc(100% - 10px - 10ch)}@media (max-width: 800px){.modal-btns :last-child{left:calc(100% - 10ch)}}@media (max-width: 350px){.modal-btns .cat-btn{background:none;border:none;width:50px;left:0}.cat-btn:hover{background-color:none;box-shadow:none}.modal-btns :last-child{left:calc(100% - 50px)}}@keyframes shoowIn{0%{left:-100%;opacity:0;transform:scale(.8)}to{left:0;opacity:1;transform:scale(1)}}@keyframes shoowOut{0%{left:0;opacity:1;transform:scale(1)}to{left:100%;opacity:0;transform:scale(.8)}}