header{width:100%;display:flex;justify-content:center;align-items:start;margin-top:20px;box-sizing:border-box}header nav{background-color:transparent}header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}header nav ul li{font-size:1.2em;padding:5px 10px}header nav ul li.active{border-bottom:#4c2303 solid 2px}header nav ul a{font-weight:700;font-size:1.5em}header .burger{display:none}@media(max-width:768px){header{justify-content:center;align-items:center;flex-direction:column}header nav{height:0;overflow:hidden;transition:height .3s ease-in-out}header nav.open{height:auto}header nav ul{flex-direction:column;align-items:center;gap:10px}header .burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0;margin:0;width:30px;height:30px}header .burger span{width:30px;height:3px;background-color:#000;border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center;transform:translateY(5px)}header .burger.open span:nth-child(1){transform:translateY(13px) rotate(45deg)}header .burger.open span:nth-child(2){opacity:0}header .burger.open span:nth-child(3){transform:translateY(-3px) rotate(-45deg)}}.picture-watcher-image[data-v-968d3323]{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;transition:left .1s linear}.picture-watcher-image .loading-spinner[data-v-968d3323]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.picture-watcher-image .loading-spinner .spinner[data-v-968d3323]{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-968d3323 .8s linear infinite}.picture-watcher-image img[data-v-968d3323]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100% - 25px);max-width:calc(100% - 25px);opacity:0;transition:opacity .3s ease}.picture-watcher-image img.loaded[data-v-968d3323]{opacity:1}@keyframes spin-968d3323{to{transform:rotate(360deg)}}.slide-none-enter-active[data-v-968d3323],.slide-none-leave-active[data-v-968d3323],.slide-left-enter-active[data-v-968d3323],.slide-left-leave-active[data-v-968d3323],.slide-right-enter-active[data-v-968d3323],.slide-right-leave-active[data-v-968d3323]{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-none-enter-from[data-v-968d3323]{opacity:0}.slide-right-enter-from[data-v-968d3323],.slide-left-leave-to[data-v-968d3323]{transform:translateY(-50%);opacity:0}.slide-left-enter-from[data-v-968d3323],.slide-right-leave-to[data-v-968d3323]{transform:translate(-100%,-50%);opacity:0}.picture[data-v-4ea2e556]{display:flex;flex-direction:column;align-items:center;margin:10px;position:relative}.picture.dragging[data-v-4ea2e556]{opacity:.5;border:2px dashed #ccc}.picture img[data-v-4ea2e556]{max-width:100px;height:auto;border-radius:8px}.picture .manage[data-v-4ea2e556]{border-radius:8px;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;position:absolute;inset:0;background-color:#64646480}.picture .manage[data-v-4ea2e556]:hover{opacity:1}.picture .manage .grab[data-v-4ea2e556]{cursor:move;color:#fff;font-size:1.5em}.picture .manage button[data-v-4ea2e556]{padding:5px 10px;border:none;border-radius:4px;background-color:transparent;color:red;font-size:2em;cursor:pointer}.picture .manage button[data-v-4ea2e556]:hover{background-color:red;color:#fff}.picture-watcher[data-v-4ea2e556]{position:fixed;z-index:200;inset:0}.picture-watcher .content[data-v-4ea2e556]{position:fixed;z-index:2;inset:0;background-color:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:10px 20px}.picture-watcher .content .image[data-v-4ea2e556]{max-width:90vw;max-height:85vh}.picture-watcher .content button[data-v-4ea2e556]{appearance:none;border:none;cursor:pointer;outline:none;transition:all .3s ease}.picture-watcher .content button[data-v-4ea2e556]:disabled{opacity:.3;cursor:not-allowed}.picture-watcher .content .close[data-v-4ea2e556]{position:fixed;z-index:10;top:20px;right:20px;font-size:2rem;color:#fff;background-color:#ffffff1a;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.picture-watcher .content .close[data-v-4ea2e556]:hover:not(:disabled){background-color:#fff3;transform:scale(1.1)}.picture-watcher .content .close[data-v-4ea2e556]:active{transform:scale(.95)}.picture-watcher .content .arrow[data-v-4ea2e556]{position:fixed;z-index:10;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#fff;background-color:#ffffff1a;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.picture-watcher .content .arrow[data-v-4ea2e556]:hover:not(:disabled){background-color:#fff3;transform:translateY(-50%) scale(1.1)}.picture-watcher .content .arrow[data-v-4ea2e556]:active:not(:disabled){transform:translateY(-50%) scale(.95)}.picture-watcher .content .left-arrow[data-v-4ea2e556]{left:20px}.picture-watcher .content .right-arrow[data-v-4ea2e556]{right:20px}.picture-watcher .content .position-indicator[data-v-4ea2e556]{position:fixed;z-index:10;bottom:30px;left:50%;transform:translate(-50%);color:#fff;background-color:#0009;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media all and (max-width:768px){.picture-watcher .content[data-v-4ea2e556]{padding:10px}.picture-watcher .content .image[data-v-4ea2e556]{max-width:95vw;max-height:80vh}.picture-watcher .content .close[data-v-4ea2e556]{top:10px;right:10px;width:40px;height:40px;font-size:1.5rem}.picture-watcher .content .arrow[data-v-4ea2e556]{width:40px;height:40px;font-size:1.25rem}.picture-watcher .content .arrow[data-v-4ea2e556]:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}.picture-watcher .content .left-arrow[data-v-4ea2e556]{left:10px}.picture-watcher .content .right-arrow[data-v-4ea2e556]{right:10px}.picture-watcher .content .position-indicator[data-v-4ea2e556]{bottom:20px;font-size:.85rem;padding:6px 14px}}.fade-enter-active[data-v-4ea2e556],.fade-leave-active[data-v-4ea2e556]{transition:opacity .5s ease-in-out}.fade-enter-from[data-v-4ea2e556],.fade-leave-to[data-v-4ea2e556]{opacity:0}
