@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f8fafc;--bg-panel: rgba(255, 255, 255, .75);--text-main: #1e293b;--text-muted: #64748b;--accent-neon: #3b82f6;--accent-hover: #2563eb;--accent-orange: #f59e0b;--success: #10b981;--status-todo: #64748b;--status-doing: #3b82f6;--status-done: #10b981;--glass-border: 1px solid rgba(255, 255, 255, .9);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .04);--glass-blur: blur(16px);--radius: 12px;--spacing: 1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(6,182,212,.05),transparent 40%),linear-gradient(to bottom,#fff,#f1f5f9);background-attachment:fixed;min-height:100vh}a{text-decoration:none;color:inherit}.app-container{max-width:1200px;margin:0 auto;padding:0 1rem}.main-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:var(--glass-border);margin-bottom:2rem}.logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo span{color:var(--accent-neon)}.main-header nav a{color:var(--text-muted);font-weight:500;transition:color .2s}.main-header nav a:hover{color:var(--text-main)}.glass-panel{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);padding:var(--spacing)}h2{font-size:1.8rem;font-weight:600}.btn-primary,.btn-secondary,.btn-worker{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--accent-neon);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px #00f0ff80}.btn-secondary{background-color:transparent;border:1px solid var(--accent-neon);color:var(--accent-neon)}.btn-secondary:hover{background-color:#00f0ff1a}.full-width{width:100%}.btn-icon{background:transparent;border:none;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;transition:background .2s}.btn-icon:hover{background:#0000001a}.btn-icon.outline{border:var(--glass-border)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.project-card:hover{transform:translateY(-5px);border-color:#00f0ff4d}.card-header{display:flex;align-items:center;gap:1rem}.icon-accent{color:var(--accent-orange)}.progress-section{display:flex;flex-direction:column;gap:.5rem}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.percentage{color:var(--accent-neon);font-weight:700}.progress-bar-bg{width:100%;height:8px;background-color:#0000001a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent-neon);border-radius:4px;transition:width 1s ease-out;box-shadow:0 0 10px var(--accent-neon)}.card-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted)}.stat{display:flex;align-items:center;gap:.4rem}.title-group{display:flex;align-items:center;gap:1rem}.progress-badge{background:#00f0ff1a;color:var(--accent-neon);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid rgba(0,240,255,.2)}.stages-list{display:flex;flex-direction:column;gap:1rem}.stage-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}@media(max-width:600px){.stage-row{flex-direction:column;align-items:flex-start;gap:1rem}.stage-actions{width:100%;justify-content:space-between}}.stage-info{display:flex;flex-direction:column;gap:.5rem}.stage-title{display:flex;align-items:center;gap:.8rem}.stage-title h3{font-size:1.1rem;font-weight:500}.professional{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.status-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:12px;font-weight:600;letter-spacing:.5px}.status-todo{background:#8b949e33;color:var(--status-todo)}.status-doing{background:#d2992233;color:var(--status-doing)}.status-done{background:#23863633;color:var(--status-done)}.text-warning{color:var(--status-doing)}.text-success{color:var(--status-done)}.stage-actions{display:flex;align-items:center;gap:1rem}.status-dropdown{background:#fffc;border:var(--glass-border);color:var(--text-main);padding:.5rem 1rem;border-radius:6px;font-family:inherit;font-size:.9rem;cursor:pointer}.status-dropdown option{background:var(--bg-color)}.worker-view{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:1rem}.worker-card{width:100%;max-width:400px;text-align:center;padding:2.5rem 2rem}.worker-header{margin-bottom:2rem}.worker-header h1{font-size:1.8rem;margin:1rem 0 .2rem}.subtitle{color:var(--text-muted);font-size:.9rem}.task-info{background:#fffc;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(0,0,0,.05)}.task-info .label{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:.5rem}.task-info h2{font-size:1.5rem;color:var(--text-main);margin-bottom:1rem}.status-current{font-size:.9rem;color:var(--text-muted)}.status-current strong{color:var(--accent-neon)}.action-buttons{display:flex;flex-direction:column;gap:1rem}.btn-start{background:linear-gradient(135deg,#d29922,#b07e11);color:#000;padding:1rem;font-size:1.1rem}.btn-finish{background:linear-gradient(135deg,#238636,#1c6b2b);color:var(--text-main);padding:1rem;font-size:1.1rem}.vistoria-card{max-width:500px}.icon-warning{color:#d29922}.instructions{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.4}.photo-counter{font-size:.9rem;margin-bottom:.5rem}.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem}.btn-category{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--text-main);padding:.8rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-category:hover{background:#00f0ff1a;border-color:#00f0ff4d}.notes-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.notes-section label{font-size:.85rem;color:var(--text-muted)}.notes-section textarea{background:#fffc;border:var(--glass-border);border-radius:8px;padding:.8rem;color:var(--text-main);font-family:inherit;resize:vertical}.notes-section textarea:focus{outline:none;border-color:var(--accent-neon)}.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.vistoria-section{border-left:4px solid #d29922}.notes-box{margin-top:.8rem;padding:.8rem;background:#fffc;border-radius:6px;font-size:.85rem;color:var(--text-muted)}.daily-log-form{padding:1.5rem;border-top:2px solid rgba(0,0,0,.05)}.section-title{font-size:1.2rem;margin-bottom:1.5rem;text-align:left}.log-type-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fffc;color:var(--text-muted);cursor:pointer;transition:all .2s;font-weight:600}.type-btn.active.start{background:#d2992226;border-color:#d29922;color:#d29922}.type-btn.active.end{background:#23863626;border-color:#238636;color:#238636}.log-inputs{display:flex;flex-direction:column;gap:1rem}.photo-upload-simple{display:flex;align-items:center;gap:1rem}.photo-preview-count{font-size:.9rem;color:var(--status-done);font-weight:600}.log-textarea{background:#fffc;border:var(--glass-border);border-radius:8px;padding:1rem;color:var(--text-main);font-family:inherit;resize:vertical;min-height:100px}.log-textarea:focus{outline:none;border-color:var(--accent-neon)}.timeline-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed rgba(0,0,0,.1)}.timeline-title{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.timeline-list{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem}.timeline-marker{display:flex;flex-direction:column;align-items:center}.marker-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.marker-icon.start{background:#d29922}.marker-icon.end{background:#238636}.marker-line{width:2px;flex-grow:1;background:#0000001a;margin-top:4px}.timeline-content{flex:1;background:#fffc;padding:1rem;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.timeline-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted)}.timeline-notes{font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.timeline-photos{font-size:.8rem;color:var(--accent-neon);display:flex;align-items:center;gap:4px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{width:100%;max-width:500px;padding:1.5rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{font-size:1.3rem;color:var(--text-main)}.flex-align{display:flex;align-items:center;gap:.8rem}.modal-description{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.material-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;color:var(--text-muted)}.select-wrapper{position:relative;display:flex;align-items:center}.select-icon{position:absolute;left:1rem;color:var(--text-muted)}.select-wrapper select{width:100%;padding:.8rem 1rem .8rem 2.5rem;background:#fffc;border:var(--glass-border);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:.95rem;appearance:none}.select-wrapper select:focus{outline:none;border-color:var(--accent-neon)}.form-group input,.form-group textarea{background:#fffc;border:var(--glass-border);border-radius:8px;padding:.8rem 1rem;color:var(--text-main);font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-neon)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.request-card.pending{border-left:3px solid #d29922}.request-card.compact{padding:.6rem 1rem;border-radius:4px}.request-meta{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.request-notes{font-size:.85rem;font-style:italic;color:#aaa;margin-top:.5rem;background:#0000000d;padding:.5rem;border-radius:4px}.request-actions{display:flex;gap:.5rem}.btn-action{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.btn-action.approve{background:#23863633;color:#238636}.btn-action.approve:hover{background:#23863666}.btn-action.deny{background:#da363333;color:#da3633}.btn-action.deny:hover{background:#da363366}.btn-action.edit{background:#0000001a;color:var(--text-main)}.btn-action.edit:hover{background:#0003}.edit-quantity-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-panel);padding:.3rem;border-radius:20px}.edit-quantity-box input{width:40px;background:transparent;border:none;color:var(--text-main);text-align:center;font-weight:700}.edit-quantity-box input:focus{outline:none}.icon-badge{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.bg-accent{background:var(--accent-neon)}.unified-list{display:flex;flex-direction:column;gap:1rem}.unified-card{background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:8px;overflow:hidden;transition:all .2s}.unified-card:hover{border-color:#00f0ff4d}.unified-header{padding:1.2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.unified-info h4{font-size:1.1rem;margin-bottom:.2rem}.unified-meta{font-size:.85rem;color:var(--text-muted)}.unified-right{display:flex;align-items:center;gap:1.5rem}.unified-total{display:flex;flex-direction:column;align-items:flex-end;background:#00f0ff1a;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(0,240,255,.2)}.unified-total .qtd{font-size:1.2rem;font-weight:700;color:var(--accent-neon)}.unified-total .unit{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.unified-details{padding:1.2rem;border-top:1px solid rgba(0,0,0,.05);background:#fffc}.details-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.requesters-list{list-style:none;font-size:.9rem;display:flex;flex-direction:column;gap:.8rem}.requesters-list li{padding-left:1rem;border-left:2px solid rgba(0,0,0,.1)}.req-main{color:var(--text-main)}.req-notes{font-size:.8rem;color:#aaa;font-style:italic;margin-top:.2rem}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;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));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;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);-webkit-user-select:none;-moz-user-select:none;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{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 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}}