@charset "UTF-8";*{box-sizing:border-box}html{width:100%}body{margin:0;font-family:Open Sans,sans-serif;width:100%}html,body,#root{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}footer{flex-shrink:0}.container{display:grid;grid-template-columns:1fr}h1,h2,h3,h4,h5,h6{font-family:Lora,serif}ul{list-style:none;margin:0;padding:0}.navigation{z-index:9;position:relative;display:flex;align-items:center;width:100%;padding:.5rem 0rem;background-color:#fff;color:#000;padding:30px}.brand-name{font-family:Water Brush,cursive;font-size:1.5rem;text-decoration:none;color:#000}.navigation-menu{margin-left:auto}.navigation-menu ul{display:flex;padding:0}.navigation-menu li{list-style-type:none;margin:0 1rem}.navigation-menu li a{display:block;width:100%;cursor:pointer;color:#8a8a8a;transition:.5s ease-in-out}.navigation-menu li a:hover{color:#000}.nav-link-wrapper{transition:.5s ease-in-out}.nav-link-wrapper a{font-size:.9rem;color:#8a8a8a;text-decoration:none}.nav-link-wrapper a:hover,.nav-link-wrapper .nav-link-active{color:#000}.hamburger{border:0;height:40px;width:40px;padding:.5rem;border-radius:50%;background-color:#42454a;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:none}.hamburger:hover{background-color:#4e5257}@media screen and (max-width: 900px){.hamburger{display:block}.navigation-menu ul{flex-direction:column;position:absolute;top:95px;left:0;width:100%;height:calc(100vh - 95px);background-color:#fff;border-top:1px solid black;display:none;gap:0;padding:24px 0}.navigation-menu ul>li+li{margin-top:50px}.navigation-menu li{text-align:center;margin:0}.navigation-menu li a{color:#000;width:100%;padding:2.8rem 1.25rem;margin:0;font-size:1.2rem;font-weight:500;min-height:88px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-sizing:border-box}.navigation-menu li:hover{background-color:#f8f8f8}.navigation-menu li:active{background-color:#e8e8e8;transform:scale(.98)}.navigation-menu.expanded ul{display:flex}.navigation-menu li.logout-item a{color:#42454a;font-size:1.2rem;padding:2rem 1rem}.navigation-menu li.logout-item a:hover{background-color:#f0f0f0;color:#4e5257}.navigation-menu li.logout-item a:active{background-color:#e0e0e0}.navigation-menu ul{transition:all .3s ease-in-out}.nav-link-wrapper .nav-link-active{color:#42454a!important;font-weight:600}.navigation-menu li a.nav-link-active{background-color:transparent;background-clip:initial;border-radius:0}}.one-column{display:grid}.one-column{grid-gap:21px}.one-column{grid-template-columns:1fr}.two-column{display:grid}.two-column{grid-gap:21px}.two-column{grid-template-columns:1fr 1fr}textarea{border:1px solid #66b2b2;background-color:transparent;font-size:1rem;height:100px;outline:none;padding:10px}.field-error{color:#922a2a;display:block;margin-top:6px;font-size:.85rem}.navigation{display:flex;justify-content:space-between;align-items:center;padding:30px}.navigation .brand-name{font-family:Water Brush,cursive;font-size:1.5rem;text-decoration:none;color:#000}.navigation .navigation-menu .nav-link-wrapper{height:18px;transition:.5s ease-in-out;margin-right:20px;font-size:.9rem}.navigation .navigation-menu .nav-link-wrapper a{color:#8a8a8a;text-decoration:none}.navigation .navigation-menu .nav-link-wrapper a:hover,.navigation .navigation-menu .nav-link-wrapper .nav-link-active{color:#000}.navigation .navigation-menu a.logout{display:flex;height:30px;width:30px;margin-left:15px;cursor:pointer;color:#66b2b2;transition:.5s ease-in-out}.navigation .navigation-menu a.logout:hover{color:#4d9898}.portfolio-detail-wrapper{width:100%;min-height:100vh}.portfolio-detail-wrapper .portfolio-detail-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid rgba(0,0,0,.1);background:#fff;position:sticky;top:0;z-index:10}.portfolio-detail-wrapper .portfolio-detail-navigation .back-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#333}.portfolio-detail-wrapper .portfolio-detail-navigation .back-button:hover{background:#f5f5f5;border-color:#999}.portfolio-detail-wrapper .portfolio-detail-navigation .back-button svg{font-size:.9em}.portfolio-detail-wrapper .portfolio-detail-navigation .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.9em;color:#666}.portfolio-detail-wrapper .portfolio-detail-navigation .breadcrumb a{color:#66b2b2;text-decoration:none}.portfolio-detail-wrapper .portfolio-detail-navigation .breadcrumb a:hover{text-decoration:underline}.portfolio-detail-wrapper .portfolio-detail-navigation .breadcrumb .separator{color:#999}.portfolio-detail-wrapper .portfolio-detail-navigation .breadcrumb .current{font-weight:500;color:#333}.portfolio-detail-wrapper .portfolio-detail-header{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.portfolio-detail-wrapper .portfolio-detail-header h1{font-size:2.5em;margin:0 0 20px;color:#333;font-weight:300}.portfolio-detail-wrapper .portfolio-detail-header .description{max-width:800px;margin:0 auto 20px;font-size:1.2em;line-height:1.6;color:#666}.portfolio-detail-wrapper .portfolio-detail-header .photo-count{margin:0;font-size:.9em;color:#888;font-style:italic}.portfolio-detail-wrapper .portfolio-gallery{padding:40px;max-width:1200px;margin:0 auto}.portfolio-detail-wrapper .portfolio-gallery .react-photo-album--photo{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:4px;overflow:hidden}.portfolio-detail-wrapper .portfolio-gallery .react-photo-album--photo:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026;z-index:1}.portfolio-detail-wrapper .portfolio-gallery .react-photo-album--photo img{transition:filter .2s ease}.portfolio-detail-wrapper .portfolio-gallery .react-photo-album--photo:hover img{filter:brightness(1.1)}.portfolio-detail-wrapper .loading-state,.portfolio-detail-wrapper .error-state,.portfolio-detail-wrapper .empty-state,.portfolio-detail-wrapper .empty-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;min-height:400px}.portfolio-detail-wrapper .loading-state h2,.portfolio-detail-wrapper .error-state h2,.portfolio-detail-wrapper .empty-state h2,.portfolio-detail-wrapper .empty-gallery h2{margin:20px 0 10px;color:#333;font-weight:300}.portfolio-detail-wrapper .loading-state p,.portfolio-detail-wrapper .error-state p,.portfolio-detail-wrapper .empty-state p,.portfolio-detail-wrapper .empty-gallery p{color:#666;margin-bottom:30px;max-width:500px;line-height:1.6}.portfolio-detail-wrapper .loading-state svg{color:#66b2b2;margin-bottom:20px}.portfolio-detail-wrapper .error-state .error-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.portfolio-detail-wrapper .error-state .btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1em;transition:all .3s ease;text-decoration:none;display:inline-block}.portfolio-detail-wrapper .error-state .btn:not(.btn-secondary){background:#66b2b2;color:#fff}.portfolio-detail-wrapper .error-state .btn:not(.btn-secondary):hover{background:#4d9898}.portfolio-detail-wrapper .error-state .btn.btn-secondary{background:#6c757d;color:#fff}.portfolio-detail-wrapper .error-state .btn.btn-secondary:hover{background:#545b62}.portfolio-detail-wrapper .empty-gallery{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:40px;min-height:200px}.portfolio-detail-wrapper .empty-gallery p{color:#6c757d;font-style:italic}@media (max-width: 768px){.portfolio-detail-wrapper .portfolio-detail-navigation{padding:15px 20px;flex-direction:column;gap:15px}.portfolio-detail-wrapper .portfolio-detail-navigation .breadcrumb{font-size:.8em}.portfolio-detail-wrapper .portfolio-detail-header{padding:40px 20px}.portfolio-detail-wrapper .portfolio-detail-header h1{font-size:2em}.portfolio-detail-wrapper .portfolio-detail-header .description{font-size:1.1em}.portfolio-detail-wrapper .portfolio-gallery{padding:20px}.portfolio-detail-wrapper .loading-state,.portfolio-detail-wrapper .error-state,.portfolio-detail-wrapper .empty-state,.portfolio-detail-wrapper .empty-gallery{padding:40px 20px;min-height:300px}.portfolio-detail-wrapper .error-state .error-actions{flex-direction:column}.portfolio-detail-wrapper .error-state .error-actions .btn{width:100%;max-width:200px}}.portfolio-detail-header__title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0 0 1rem;line-height:1.2}.portfolio-detail-header__description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.portfolio-detail-header__count{color:#666;font-size:.9rem;margin:0;opacity:.8}.portfolio-items-wrapper{overflow-x:visible;margin:0 5vw 100px;padding:24px 16px;display:grid;grid-template-columns:1fr;gap:30px}.portfolio-items-wrapper a{text-decoration:none;color:#42454a;transition:color .2s ease;display:block}.portfolio-items-wrapper a:hover{color:#8a8a8a}.portfolio-items-wrapper .portfolio-item-wrapper{text-align:center;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#fff;transition:box-shadow .3s ease}.portfolio-items-wrapper .portfolio-item-wrapper:hover{box-shadow:0 4px 15px #0000001a}.portfolio-items-wrapper .portfolio-item-wrapper .portfolio-img-background{background-size:cover;background-position:center;background-repeat:no-repeat;height:350px;width:100%;mix-blend-mode:luminosity;transition:mix-blend-mode .3s ease}.portfolio-items-wrapper .portfolio-item-wrapper .portfolio-img-background:hover{mix-blend-mode:unset}.portfolio-items-wrapper .portfolio-item-wrapper .collection-title-wrapper{background-color:#fff}.portfolio-items-wrapper .portfolio-item-wrapper .collection-title{font-size:.9rem;font-weight:400;margin:0;padding:20px;transition:color .2s ease}.image-blur{mix-blend-mode:unset!important}@media (min-width: 576px){.portfolio-items-wrapper{grid-template-columns:1fr 1fr;gap:25px}}@media (min-width: 992px){.portfolio-items-wrapper{grid-template-columns:1fr 1fr 1fr;gap:30px}}@media (min-width: 1200px){.portfolio-items-wrapper{margin:0 10vw 100px;gap:35px}}.portfolio-card-link{text-decoration:none;display:block}.portfolio-card{position:relative;background-color:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 4px #0000000f;transform:translateZ(0) scale(1);transition:transform .42s cubic-bezier(.215,.61,.355,1),box-shadow .35s ease;will-change:transform,box-shadow;cursor:pointer}.portfolio-card:hover{box-shadow:0 6px 18px #0000001a;transform:scale(1.02)}.portfolio-card--hovered{transform:scale(1.02)}.portfolio-card:hover .portfolio-card__overlay,.portfolio-card--hovered .portfolio-card__overlay{opacity:1;transform:translateY(0);pointer-events:auto}.portfolio-card__image{height:320px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:none;position:relative}.portfolio-card__overlay{position:absolute;bottom:0;left:0;right:0;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;border-top:1px solid rgba(0,0,0,.06);opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.portfolio-card__title{color:#42454a;font-size:1.125rem;font-weight:500;margin:0;text-align:center;transition:none;line-height:1.3}.manager-wrapper{display:flex;flex-direction:column;min-height:calc(100vh - 95px)}.manager-wrapper .left-column{background-color:#f6f6f6;overflow-y:auto}.manager-wrapper .right-column{background-color:#42454a;overflow-y:auto}.manager-tabs{display:flex;background:#42454a;border-bottom:2px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:50}.manager-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:transparent;border:none;color:#fff9;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.manager-tab svg{font-size:1.1rem}.manager-tab:hover{color:#ffffffe6;background:#ffffff0d}.manager-tab.active{color:#f6f6f6;border-bottom-color:#66b2b2;background:#66b2b21a}.manager-tab:active{transform:scale(.98)}@media (max-width: 767px){.manager-wrapper[data-active-tab=create] .right-column,.manager-wrapper[data-active-tab=list] .left-column{display:none}.left-column,.right-column{min-height:calc(100vh - 151px)}}@media (min-width: 768px){.manager-tabs{display:none}.manager-wrapper{flex-direction:row;display:grid;grid-template-columns:3fr 1fr}.manager-wrapper .right-column{position:sticky;top:0;height:100vh}}.portfolio-form-wrapper{display:grid}.portfolio-form-wrapper{grid-gap:21px}.portfolio-form-wrapper{grid-template-columns:1fr}.portfolio-form-wrapper{padding:42px}.portfolio-form-wrapper input{color:#42454a;padding:5px 0;width:100%;border-top:0px;border-right:0px;border-left:0px;border-bottom:1px solid #66b2b2;background-color:transparent;transition:.5s all ease-in-out;font-size:1.1em;margin-bottom:21px}.portfolio-form-wrapper input:focus{outline:none;border-bottom:1px solid rgb(76.6652173913,152.3347826087,152.3347826087)}.image-uploaders{display:grid}.image-uploaders{grid-gap:21px}.image-uploaders{grid-template-columns:1fr 1fr}.uploading-state{display:flex;flex-direction:column;align-items:center;padding:20px}.uploading-state p{margin-top:10px;color:#666;font-style:italic}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #66b2b2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-state p,.error-state p{margin:10px 0;color:#666}.loading-state .btn,.error-state .btn{margin-top:20px}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions .btn{flex:1;max-width:200px}.error{background-color:#fee;color:#c53030;border:1px solid #feb2b2;border-radius:4px;padding:12px 16px;margin:20px 42px 16px;font-size:.9rem;display:flex;align-items:center}.error:before{content:"⚠️";margin-right:8px;font-size:1rem}.portfolio-sidebar-list-wrapper .portfolio-item-thumb{padding:21px}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .portfolio-thumb-img img{width:100%}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content{display:flex;justify-content:space-between;align-items:center}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .title,.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .price{color:#f6f6f6;font-size:1.5em}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .action-icons{display:flex;gap:10px;align-items:center}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .edit-icon,.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .delete-icon{cursor:pointer;color:#f6f6f6;font-size:1.2em;transition:.5s ease-in-out;background:transparent;border:none;padding:5px;display:inline-flex;align-items:center;justify-content:center;outline:none;border-radius:3px}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .edit-icon:hover,.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .delete-icon:hover{background:#ffffff1a}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .edit-icon:hover{color:#66b2b2}.portfolio-sidebar-list-wrapper .portfolio-item-thumb .text-content .delete-icon:hover{color:#922a2a}.no-items{padding:30px 20px;text-align:center}.empty-message{color:#888;text-align:center;font-style:italic;margin:0}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.sidebar-header h3{color:#f6f6f6;margin:0 0 12px;font-size:1.2em;font-weight:600}.sidebar-header small{color:#888;font-style:italic}.search-bar{position:relative;display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 12px;transition:all .2s ease}.search-bar:focus-within{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a}.search-bar svg{color:#ffffff80;font-size:.9rem;margin-right:8px;flex-shrink:0}.search-bar:focus-within .search-bar svg{color:#ffffffb3}.search-bar input{background:transparent;border:none;color:#f6f6f6;font-size:.9rem;padding:10px 0;flex:1;outline:none}.search-bar input::placeholder{color:#ffffff80}.search-bar input:focus::placeholder{color:#ffffff4d}.droppable-list{transition:background-color .2s ease;min-height:200px;position:relative;padding:8px}.droppable-list[data-is-drag-over=true]{background-color:#ffffff0d}.portfolio-item-thumb{position:relative;display:flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;margin-bottom:15px;padding:8px;background:#ffffff05;overflow:hidden;background-clip:padding-box}.portfolio-item-thumb:hover{background:#ffffff0d}.portfolio-item-thumb__image{flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;background:#ffffff1a}.portfolio-item-thumb__image img{width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.portfolio-item-thumb__content{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.portfolio-item-thumb__title{color:#f6f6f6;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .2s ease}.portfolio-item-thumb:hover .portfolio-item-thumb__title{color:#ffffffe6}.portfolio-item-thumb__actions{display:flex;gap:8px;align-items:center}.portfolio-item-thumb.is-dragging{opacity:0;visibility:hidden}.portfolio-item-thumb.is-drop-target{background:#66b2b21a;border:1px solid rgba(102,178,178,.3)}.drop-indicator{position:absolute;left:0;right:0;height:2px;background:#66b2b2;border-radius:1px;z-index:1001}.drop-indicator--top{top:-1px}.drop-indicator--bottom{bottom:-1px}.drop-indicator:before{content:"";position:absolute;left:0;width:6px;height:6px;background:#66b2b2;border-radius:50%;top:-2px}.drop-indicator:after{content:"";position:absolute;right:0;width:6px;height:6px;background:#66b2b2;border-radius:50%;top:-2px}.portfolio-item-thumb__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff6;cursor:grab;transition:all .2s ease;border-radius:4px;flex-shrink:0}.portfolio-item-thumb__drag-handle:hover{color:#fffc;background-color:#ffffff1a}.portfolio-item-thumb__drag-handle:active{cursor:grabbing;color:#f6f6f6;background-color:#ffffff26}.portfolio-item-thumb__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.portfolio-item-thumb__action-btn--edit{color:#fff9}.portfolio-item-thumb__action-btn--edit:hover{color:#66b2b2;background-color:#66b2b226}.portfolio-item-thumb__action-btn--delete{color:#fff9}.portfolio-item-thumb__action-btn--delete:hover{color:#922a2a;background-color:#e74c3c26}.reordering-indicator{margin-top:8px;padding:6px 12px;background:#66b2b21a;color:#66b2b2;border-radius:4px;font-size:.85rem;text-align:center;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.inventory-item-thumb{position:relative;display:flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;margin-bottom:15px;padding:8px;background:#ffffff05;overflow:hidden;background-clip:padding-box}.inventory-item-thumb:hover{background:#ffffff0d}.inventory-item-thumb.is-dragging{opacity:0;visibility:hidden}.inventory-item-thumb.is-drop-target{background:#2ecc711a;border:1px solid rgba(46,204,113,.3)}.inventory-item-thumb__image{flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;background:#ffffff1a}.inventory-item-thumb__image img{width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.inventory-item-thumb__content{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.inventory-item-thumb__title{color:#f6f6f6;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .2s ease;margin-bottom:2px}.inventory-item-thumb:hover .inventory-item-thumb__title{color:#ffffffe6}.inventory-item-thumb__price{color:#2ecc71;font-size:.85rem;font-weight:600;transition:color .2s ease}.inventory-item-thumb:hover .inventory-item-thumb__price{color:#27ae60}.inventory-item-thumb__actions{display:flex;gap:8px;align-items:center}.inventory-item-thumb__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff6;cursor:grab;transition:all .2s ease;border-radius:4px;flex-shrink:0}.inventory-item-thumb__drag-handle:hover{color:#fffc;background-color:#ffffff1a}.inventory-item-thumb__drag-handle:active{cursor:grabbing;color:#f6f6f6;background-color:#ffffff26}.inventory-item-thumb__action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.inventory-item-thumb__action-btn--edit{color:#fff9}.inventory-item-thumb__action-btn--edit:hover{color:#66b2b2;background-color:#66b2b226}.inventory-item-thumb__action-btn--delete{color:#fff9}.inventory-item-thumb__action-btn--delete:hover{color:#922a2a;background-color:#e74c3c26}.auth-page-wrapper{display:grid;grid-template-columns:1fr;height:calc(100vh - 95px)}.auth-page-wrapper .left-column{background-size:cover;min-height:200px}.auth-page-wrapper .right-column{padding:30px;display:flex;justify-content:center;align-items:center;background-color:#f6f6f6}.auth-page-wrapper .right-column .auth-form-wrapper input{color:#42454a;padding:5px 0;width:100%;border-top:0px;border-right:0px;border-left:0px;border-bottom:1px solid #66b2b2;background-color:transparent;transition:.5s all ease-in-out;font-size:1.1em;margin-bottom:21px}.auth-page-wrapper .right-column .auth-form-wrapper input:focus{outline:none;border-bottom:1px solid rgb(76.6652173913,152.3347826087,152.3347826087)}.auth-page-wrapper .right-column .auth-form-wrapper{display:grid}.auth-page-wrapper .right-column .auth-form-wrapper{grid-gap:21px}.auth-page-wrapper .right-column .auth-form-wrapper{padding:42px}.auth-page-wrapper .right-column .auth-form-wrapper .form-group{display:flex}.auth-page-wrapper .right-column .auth-form-wrapper .form-group svg{font-size:2em;color:#66b2b2;margin-right:15px}@media (min-width: 768px){.auth-page-wrapper{grid-template-columns:1fr 1fr}}.btn{cursor:pointer;height:42px;font-size:1em;font-weight:500;border:1px solid transparent;transition:all .5s ease-in-out;background-color:#66b2b2;color:#fff}.btn:active,.btn:focus{outline:none}.btn:hover{background-color:#4d9898}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog__content{position:relative;background:#fff;border-radius:12px;padding:1.5rem;width:min(90vw,420px);box-shadow:0 20px 40px #00000026;transform:scale(1);animation:modalAppear .2s cubic-bezier(.4,0,.2,1)}.confirm-dialog__title{margin:0 0 1rem;color:#2c3e50;font-size:1.25rem;font-weight:600}.confirm-dialog__message{margin:0 0 1.5rem;color:#555;line-height:1.5}.confirm-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-dialog__btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-dialog__btn--primary{background:#e74c3c;color:#fff}.confirm-dialog__btn--primary:hover{background:#c0392b}.confirm-dialog__btn--primary:focus{outline:2px solid #e74c3c;outline-offset:2px}.confirm-dialog__btn--secondary{background:#ecf0f1;color:#2c3e50}.confirm-dialog__btn--secondary:hover{background:#d5dbdb}.confirm-dialog__btn--secondary:focus{outline:2px solid #95a5a6;outline-offset:2px}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-page{min-height:calc(100vh - 95px);display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#f8f9fa}.error-content{text-align:center;max-width:500px;padding:3rem 2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.error-content h1{font-size:3rem;margin-bottom:1rem;color:#e74c3c}.error-content p{font-size:1.1rem;margin-bottom:1.5rem;color:#666}.error-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:1rem;margin:1.5rem 0}.error-details code{font-family:Courier New,monospace;font-size:.9rem;color:#e74c3c;word-break:break-word}.error-content .btn{margin-top:1rem;padding:.75rem 2rem;text-decoration:none;display:inline-block}.content-page-wrapper{width:100vw;display:grid;grid-template-columns:1fr;height:calc(100vh - 95px)}.content-page-wrapper .right-column{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px}.content-page-wrapper .right-column .contact-bullet-points{display:grid;grid-template-columns:1fr;grid-gap:21px}.content-page-wrapper .right-column .contact-bullet-points .bullet-point-group{display:flex;align-items:center}.content-page-wrapper .right-column .contact-bullet-points .bullet-point-group .icon{font-size:2em;color:#66b2b2}.content-page-wrapper .right-column .contact-bullet-points .bullet-point-group .text{font-size:1.5em;font-weight:700;margin-left:21px}@media (min-width: 768px){.content-page-wrapper{grid-template-columns:1fr 1fr}}@media (max-width: 767.98px){.content-page-wrapper .right-column{padding:30px}.content-page-wrapper .right-column .contact-bullet-points .bullet-point-group .icon,.content-page-wrapper .right-column .contact-bullet-points .bullet-point-group .text{font-size:1em}}.marina-store{display:flex;flex-direction:column;height:calc(100vh - 95px);margin:0 auto}.marina-store>*{padding:2rem}.marina-store>*:first-child{flex-basis:60%;background:#f6f6f6}.marina-store>*:nth-child(2){flex-basis:40%;min-width:300px;background:#f1f1f1}ul.order li{border-bottom:1px solid #000;padding:2rem 0;display:flex;font-size:1rem;justify-content:space-between;align-items:center}ul.order li:hover button{display:inline;cursor:pointer}ul.order li button{border:0;display:inline;line-height:1;width:30px}ul.order li button:hover{text-decoration:underline}ul.order li .price{font-size:1.2rem}ul.order li span.count{position:relative;overflow:hidden;float:left}ul.order li span.count span{display:inline-block}.total{padding:2rem 0;font-size:1rem;border-bottom:3px solid #000;border-top:1px #000}.total strong{float:right}.order-title{text-align:center}.list-of-product{border-top:2px solid #000;border-bottom:1px solid #000;padding-top:5px;margin-top:2rem}.menu-product{border-bottom:1px solid #000;padding-bottom:2rem;padding-top:2rem;margin-bottom:5px;clear:both;overflow:hidden}.menu-product:first-child{border-top:1px solid #000}.menu-product{display:flex}.menu-product{flex-wrap:wrap}.menu-product .product-wrapper{display:flex;flex-direction:column;width:100%}.menu-product .product-wrapper img{width:100%;margin-right:20px;margin-bottom:20px}.menu-product .right-stuff{width:100%;display:flex;flex-direction:column;justify-items:center}.menu-product .right-stuff .title-wrapper{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem}.menu-product .right-stuff .title-wrapper .price{color:#8a8a8a;font-size:.9rem}.menu-product .right-stuff p{margin-top:0;margin-bottom:10px;font-size:1rem}.menu-product .right-stuff .btn{display:flex;align-items:center;justify-content:center;align-self:flex-start;width:100%}.cart-title{display:flex;align-items:center;justify-content:space-between}ul.order li{gap:1rem}.qty-controls{display:inline-flex;align-items:center;gap:.5rem}.qty-controls button{background:transparent;color:#000;border:1px solid #000;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.qty-controls .qty{min-width:2ch;text-align:center}.line-name{flex:1}.line-subtotal{min-width:90px;text-align:right}.checkout-btn[disabled],.checkout-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.inventory-form-wrapper input{color:#42454a;padding:5px 0;width:100%;border-top:0px;border-right:0px;border-left:0px;border-bottom:1px solid #66b2b2;background-color:transparent;transition:.5s all ease-in-out;font-size:1.1em;margin-bottom:21px}.inventory-form-wrapper input:focus{outline:none;border-bottom:1px solid rgb(76.6652173913,152.3347826087,152.3347826087)}.inventory-form-wrapper textarea{background:#fff;width:100%;margin-bottom:20px}.inventory-form-wrapper{padding:42px}.inventory-form-wrapper{height:calc(100vh - 95px)}.add-product-btn{margin-top:20px;width:100%}.checkout-btn{margin-top:50px}.floating-cart-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:#000;color:#fff;border:none;border-radius:50px;padding:15px 25px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .3s ease;min-width:280px;justify-content:space-between}.floating-cart-btn:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 16px #0006}.floating-cart-btn:active{transform:translate(-50%) scale(.98)}.floating-cart-btn .cart-info{display:flex;align-items:center;gap:8px;position:relative}.floating-cart-btn .cart-info .cart-icon{font-size:1.3rem}.floating-cart-btn .cart-info .item-count{background:#fff;color:#000;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.floating-cart-btn .cart-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.floating-cart-btn .cart-total span{font-size:.75rem;opacity:.9}.floating-cart-btn .cart-total strong{font-size:1rem}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;animation:fadeIn .3s ease}.cart-drawer{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:#f1f1f1;z-index:201;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 -4px 20px #0003}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(0,0,0,.1);background:#f1f1f1;position:sticky;top:0;z-index:1}.cart-drawer-header h2{margin:0;font-size:1.5rem}.cart-drawer-header .close-drawer-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background .2s}.cart-drawer-header .close-drawer-btn:hover{background:#0000001a}.cart-drawer-header .close-drawer-btn:active{background:#0003}.cart-drawer-content{overflow-y:auto;flex:1;padding:0 25px 25px;-webkit-overflow-scrolling:touch}.cart-drawer-content .order-wrap{padding:0}.cart-drawer-content .cart-title{display:none}.cart-drawer-content ul.order{max-height:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.order-desktop{display:none}@media (min-width: 768px){.menu-product .product-wrapper{flex-direction:row}.menu-product .product-wrapper img{width:170px}.menu-product .product-wrapper .right-stuff .title-wrapper .price{color:#8a8a8a;font-size:1rem}.menu-product .product-wrapper .btn{width:170px}.marina-store{flex-direction:row;height:calc(100vh - 95px)}.marina-store>*:first-child{overflow:scroll}ul.order li button{border:0;display:none;line-height:1;padding:0}.floating-cart-btn,.cart-drawer-overlay,.cart-drawer{display:none}.order-desktop{display:block;flex-basis:40%;min-width:300px;background:#f1f1f1;padding:2rem}}.footer{display:flex;justify-content:center;align-items:center;height:40px}.footer .footer-icon{margin:0 10px}.orders-page{padding:24px}.orders-page h2{display:flex;align-items:center;gap:12px}.orders-page h2 .btn{margin-left:12px}.orders-page .orders-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.orders-page .orders-toolbar input[type=text],.orders-page .orders-toolbar input[type=date]{padding:8px 10px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;color:#000}.orders-page .orders-table{overflow-x:auto}.orders-page .orders-table table{width:100%;border-collapse:collapse;border:1px solid rgba(0,0,0,.1);background:#fff}.orders-page .orders-table table thead th{text-align:left;border-bottom:1px solid rgba(0,0,0,.1);padding:8px;font-weight:600}.orders-page .orders-table table tbody td{border-bottom:1px solid rgba(0,0,0,.06);padding:8px;vertical-align:top}.orders-page .orders-table table .items-table{width:100%;border-collapse:collapse;border:1px solid rgba(0,0,0,.1)}.orders-page .orders-table table .items-table th{text-align:left;font-weight:600;border-bottom:1px solid rgba(0,0,0,.1);padding:4px 6px}.orders-page .orders-table table .items-table td{padding:4px 6px;border-bottom:1px solid rgba(0,0,0,.06)}.orders-page .orders-table table .items-table td.subtotal{text-align:right;white-space:nowrap}.orders-page .orders-table table .status-badge{padding:2px 8px;border-radius:12px;font-size:.8rem;border:1px solid rgba(0,0,0,.05)}.orders-page .orders-table table .status-badge.ok{background:#2ecc7126;color:#27ae60}.orders-page .orders-table table .status-badge.pending{background:#f1c40f26;color:#f1c40f}.orders-page .orders-table .text-right{text-align:right}.orders-page .orders-table .session-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-manager-container{max-width:1200px;margin:2rem auto;padding:2rem}.user-manager-container .user-manager-header{text-align:center;margin-bottom:2rem}.user-manager-container .user-manager-header h1{font-size:2.5rem;color:var(--primary-color, #333);margin-bottom:.5rem}.user-manager-container .user-manager-header .subtitle{color:var(--text-muted, #666);font-size:1.1rem}.user-manager-container .alert{padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;position:relative;display:flex;align-items:center;justify-content:space-between}.user-manager-container .alert.alert-error{background-color:#fee;border-left:4px solid #d32f2f;color:#c62828}.user-manager-container .alert.alert-success{background-color:#e8f5e9;border-left:4px solid #388e3c;color:#2e7d32}.user-manager-container .alert .alert-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.user-manager-container .alert .alert-close:hover{opacity:1}.user-manager-container .action-bar{margin-bottom:2rem;display:flex;justify-content:flex-end}.user-manager-container .user-form-wrapper{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.user-manager-container .user-form-wrapper h2{margin-bottom:1.5rem;color:var(--primary-color, #333)}.user-manager-container .users-table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-manager-container .users-table{width:100%;border-collapse:collapse}.user-manager-container .users-table thead{background-color:var(--primary-color, #333);color:#fff}.user-manager-container .users-table thead th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.user-manager-container .users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.user-manager-container .users-table tbody tr:hover{background-color:#f5f5f5}.user-manager-container .users-table tbody tr:last-child{border-bottom:none}.user-manager-container .users-table tbody td{padding:1rem;color:#333}.user-manager-container .users-table tbody td.text-center{text-align:center;color:var(--text-muted, #666);font-style:italic}.user-manager-container .users-table .actions-cell{display:flex;gap:.5rem}.user-manager-container .badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.user-manager-container .badge.badge-super-admin{background-color:#f44336;color:#fff}.user-manager-container .badge.badge-admin{background-color:#2196f3;color:#fff}.user-manager-container .badge.badge-user{background-color:#9e9e9e;color:#fff}.user-manager-container .loading-spinner{text-align:center;padding:3rem;font-size:1.25rem;color:var(--text-muted, #666)}.user-form{display:flex;flex-direction:column;gap:1.5rem}.user-form .form-group{display:flex;flex-direction:column;gap:.5rem}.user-form .form-group label{font-weight:600;color:var(--primary-color, #333);display:flex;align-items:center}.user-form .form-group input,.user-form .form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.user-form .form-group input:focus,.user-form .form-group select:focus{outline:none;border-color:var(--primary-color, #333)}.user-form .form-group input.input-error,.user-form .form-group select.input-error{border-color:#d32f2f}.user-form .form-group input:disabled,.user-form .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.user-form .form-group .error-message{color:#d32f2f;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.user-form .form-group .form-text{color:var(--text-muted, #666);font-size:.875rem}.user-form .form-actions{display:flex;gap:1rem;margin-top:1rem}.user-form .form-actions .btn{flex:1}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background-color:var(--primary-color, #333);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--primary-hover, #000);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn.btn-secondary{background-color:#9e9e9e;color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:#757575;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn.btn-danger{background-color:#d32f2f;color:#fff}.btn.btn-danger:hover:not(:disabled){background-color:#c62828;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 768px){.user-manager-container{padding:1rem}.user-manager-container .user-manager-header h1{font-size:2rem}.user-manager-container .users-table-wrapper{overflow-x:auto}.user-manager-container .users-table{min-width:600px}.user-manager-container .user-form .form-actions{flex-direction:column}}.skeleton-wrapper{position:relative;overflow:hidden}.product-wrapper{padding:20px;margin:20px 0;background:#e0e0e0;border-radius:3px}.skeleton{background:#ddd;border-radius:4px}.skeleton.title{width:50%;height:20px;margin:0 auto}.skeleton.thumbnail{width:100%;height:350px;margin-bottom:20px}.skeleton.thumbnail-small{width:150px;height:150px;margin-right:20px;background:#bdbdbd}.shimmer-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;animation:loading 2.5s infinite}.shimmer{width:50%;height:100%;background:#fff3;transform:skew(-20deg);box-shadow:0 0 30px 30px #fff3}@keyframes loading{0%{transform:translate(-150%)}50%{transform:translate(-60%)}to{transform:translate(150%)}}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}.react-photo-album--columns{justify-content:space-between}.react-photo-album--columns .react-photo-album--track{flex-direction:column;justify-content:space-between;row-gap:calc(var(--react-photo-album--spacing)*1px);width:calc((100% - 1px*(var(--react-photo-album--columns) - 1)*var(--react-photo-album--spacing) - 2px*var(--react-photo-album--columns)*var(--react-photo-album--padding) - var(--react-photo-album--adjusted-gaps)*1px)*var(--react-photo-album--column-ratio)/var(--react-photo-album--total-ratio) + 2px*var(--react-photo-album--padding))}.react-photo-album--columns .react-photo-album--photo{width:100%}.react-photo-album--masonry{justify-content:space-between}.react-photo-album--masonry .react-photo-album--track{flex-direction:column;justify-content:flex-start;row-gap:calc(var(--react-photo-album--spacing)*1px);width:calc((100% - var(--react-photo-album--spacing)*1px*(var(--react-photo-album--columns) - 1))/var(--react-photo-album--columns))}.react-photo-album--masonry .react-photo-album--photo{width:100%}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}