:root{--bg: #f1ead9;--surface: #f8f3e6;--surface-muted: #f1ead9;--text: #2a2620;--muted: #756c5b;--primary: #1f4d43;--primary-dark: #163c34;--primary-soft: #dfe9e2;--border: #ddd0b0;--danger: #a24a3a;--danger-soft: #f3ddd3;--led-ok: #3f7d4a;--led-warn: #b9812e;--info: #35617f;--info-dark: #24485f;--info-soft: #dde5ea;--warn-dark: #8a5f1f;--warn-soft: #f3e6d1;--radius: 8px;--radius-sm: 6px;--shadow: none;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg)}#app{min-height:100dvh;padding-bottom:24px}.app-header{position:relative;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);padding:28px 20px 24px}.app-header.compact{padding-bottom:16px}.refresh-indicator{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);opacity:0;transition:opacity .4s ease;pointer-events:none}.refresh-indicator.active{opacity:.5}.refresh-indicator.active .refresh-sun{animation:refresh-sun-spin 1.8s linear infinite}@keyframes refresh-sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header h1{margin:8px 0 0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;text-wrap:balance}.app-header p{margin:8px 0 0;color:var(--muted);font-size:.95rem}.tecnico-actual{display:flex;align-items:center;gap:6px}.tecnico-actual .btn-text{text-decoration:underline}.app-version{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--muted)}.app-version .btn-text{font-size:inherit;font-family:inherit;text-decoration:underline}.app-version-resultado{text-align:right}.container{padding:20px;max-width:720px;margin:0 auto;perspective:1200px}#parte-form.page-turn-forward,#parte-form.page-turn-back{animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both;backface-visibility:hidden}#parte-form.page-turn-forward{transform-origin:left center;animation-name:page-turn-in-forward}#parte-form.page-turn-back{transform-origin:right center;animation-name:page-turn-in-back}@keyframes page-turn-in-forward{0%{transform:rotateY(-32deg) translate(28px);opacity:0}55%{opacity:1}to{transform:rotateY(0) translate(0);opacity:1}}@keyframes page-turn-in-back{0%{transform:rotateY(32deg) translate(-28px);opacity:0}55%{opacity:1}to{transform:rotateY(0) translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){#parte-form.page-turn-forward,#parte-form.page-turn-back{animation:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-top:16px}.card h2{margin:0 0 14px;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.1rem;font-weight:700;color:var(--text)}.muted{color:var(--muted);font-size:.92rem}.field-derived-note{margin:0 0 14px;padding:10px 12px;background:var(--surface-muted);border:1px dashed var(--border);border-radius:var(--radius-sm)}.field-derived-note strong{color:var(--text)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:14px}.stat{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--primary);border-radius:var(--radius-sm);padding:12px 14px}.stat-warn{border-top-color:var(--led-warn)}.stat-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:3px}.section-title-mini{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 8px;padding-top:14px;border-top:1px dashed var(--border)}.section-title-mini:first-of-type{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fdfbf5}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:var(--surface-muted);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger-soft);border-color:var(--danger-soft);color:var(--danger)}.btn-large{width:100%;min-height:52px;font-size:1.05rem}.btn-text{background:none;border:none;color:var(--primary);font-size:.95rem;font-weight:500;padding:0;cursor:pointer}.field{margin-bottom:14px}.field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea,.field-group select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font:inherit;color:var(--text);background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus,.field textarea:focus,.field-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);-webkit-transform:translateZ(0);transform:translateZ(0)}.field-checkbox{display:flex;align-items:center;gap:10px}.field-checkbox input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--primary)}.field-checkbox label{margin:0}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment{display:flex;align-items:center;justify-content:center;padding:12px;border:2px solid var(--border);border-radius:12px;cursor:pointer;font-weight:600;color:var(--text)}.segment input{display:none}.segment.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}.step{text-align:center;opacity:.5;color:var(--muted)}.step.active,.step.done{opacity:1;color:var(--text)}.step-num{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-muted);border:1px solid var(--border);color:var(--muted);font-size:.85rem;font-weight:700}.step.active .step-num,.step.done .step-num{background:var(--primary);border-color:var(--primary);color:#fff}.step-label{display:block;font-size:.72rem;margin-top:4px}.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.form-nav .btn{min-width:120px}.checkbox-grid{display:grid;gap:8px}.checkbox-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;background:var(--surface)}.checkbox-item input{margin-top:3px;flex-shrink:0}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.9rem;color:var(--text);cursor:pointer}.chip input{display:none}.chip.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.chip-ghost{border-style:dashed;color:var(--muted);background:none}.chip-otro{border-style:dashed;border-color:var(--led-warn);color:var(--warn-dark);background:none}.chip-otro.selected{border-style:solid;border-color:var(--led-warn);background:var(--warn-soft);color:var(--warn-dark);font-weight:600}.chip-input-group{margin-top:10px}.chip-removable{display:inline-flex;align-items:center;gap:8px;border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);font-weight:600;cursor:default}.chip-remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:inherit;font-size:1rem;line-height:1;padding:0;cursor:pointer}.chip-edit-btn{border:none;background:none;color:inherit;font:inherit;font-weight:600;padding:0;cursor:pointer;text-align:left}.field-group{border:1px solid var(--border);border-left:4px solid var(--group-accent, var(--primary));border-radius:var(--radius-sm);background:var(--surface);padding:13px 14px 15px;margin-top:16px;margin-bottom:14px}.field-group-head{display:flex;align-items:center;gap:7px;margin-bottom:10px}.field-group-head svg{flex-shrink:0;color:var(--group-accent-dark, var(--primary-dark))}.field-group-head .field-group-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--group-accent-dark, var(--primary-dark));font-weight:700}.field-group select{margin-bottom:0}.field-group.trabajos{--group-accent: var(--primary);--group-accent-dark: var(--primary-dark)}.field-group.sustitucion{--group-accent: var(--led-warn);--group-accent-dark: var(--warn-dark)}.field-group.instalacion{--group-accent: var(--info);--group-accent-dark: var(--info-dark)}.field-group.sustitucion .chip-removable{border-color:var(--led-warn);background:var(--warn-soft);color:var(--warn-dark)}.field-group.instalacion .chip-removable{border-color:var(--info);background:var(--info-soft);color:var(--info-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26221e73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-card h2{margin:0 0 14px;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.1rem;font-weight:700;color:var(--text)}.modal-card-wide{max-width:560px}.modal-card-confirm{max-width:360px}.modal-confirm-message{margin:0;color:var(--text);line-height:1.4}.form-nav-single{justify-content:flex-end}.bulk-rows{display:grid;gap:8px;margin-bottom:10px}.bulk-row-group{display:grid;gap:6px}.bulk-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.bulk-row-otro{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font:inherit;color:var(--text);background:var(--surface)}.bulk-row-otro:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.bulk-row input,.bulk-row select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font:inherit;color:var(--text);background:var(--surface)}.bulk-row input:focus,.bulk-row select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.bulk-row-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;background:var(--surface-muted);color:var(--muted);font-size:1rem;cursor:pointer}.firma-canvas-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:8px}#firma-canvas{display:block;width:100%;height:220px;touch-action:none;cursor:crosshair;background:#fff}.firma-borrar-link{display:block;margin:0 0 16px}.rating-faces{display:flex;align-items:center;gap:10px}.rating-face{width:52px;height:52px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.rating-face svg{display:block;width:40px;height:40px}.rating-stamp-ring{fill:var(--bg);stroke:var(--border);stroke-width:1.6}.rating-stamp-feature{stroke:var(--muted);stroke-width:2;fill:none;stroke-linecap:round}.rating-stamp-eye{fill:var(--muted)}.rating-face.selected .rating-stamp-ring{fill:var(--primary-soft);stroke:var(--primary);stroke-width:2.2}.rating-face.selected .rating-stamp-feature{stroke:var(--primary);stroke-width:2.4}.rating-face.selected .rating-stamp-eye{fill:var(--primary)}.rating-faces-readonly{align-items:center;margin-top:16px}.rating-faces-readonly .rating-face{width:40px;height:40px;cursor:default}.firma-preview{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.firma-preview img{max-width:240px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.firma-preview-actions{display:flex;gap:16px}.firma-preview-readonly{margin-top:16px}.photo-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.photo-btn{cursor:pointer;flex-direction:column;gap:6px;padding:16px 8px}.photo-btn-icon{width:26px;height:26px;color:var(--primary);flex-shrink:0}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.photo-thumb{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--surface-muted);border:1px solid var(--border)}.photo-thumb img,.photo-thumb video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.photo-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;border-radius:50%;background:#000000a6;color:#fff;font-size:1.1rem;cursor:pointer}.summary-list{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:0 0 16px}.summary-list dt{color:var(--muted);font-size:.88rem}.summary-list dd{margin:0;font-weight:600;color:var(--text)}.resumen-box{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:14px}.resumen-box h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--text)}.resumen-box p{margin:0;white-space:pre-wrap}.history-list{list-style:none;padding:0;margin:0}.history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer}.history-item:last-child{border-bottom:none}.history-item strong{display:block;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-weight:700}.history-item-meta{display:block;color:var(--muted);font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{display:inline-flex;align-items:center;background:var(--primary-soft);color:var(--primary-dark);font-size:.75rem;font-weight:700;padding:6px 10px;border-radius:999px;white-space:nowrap}.led{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.led-ok{background:var(--led-ok);box-shadow:0 0 4px var(--led-ok)}.led-warn{background:var(--led-warn);box-shadow:0 0 4px var(--led-warn)}.led-off{background:var(--muted)}.badge-pending{background:var(--surface-muted);color:inherit;margin-left:6px}.history-item-deleted{opacity:.55}.badge-deleted{background:var(--surface-muted);color:inherit;margin-left:6px}.pending-sync-note{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.85rem;margin:12px 0}.detail-actions{display:grid;gap:10px;margin-top:18px}.nota-interna-field{background:var(--warn-soft);border:1px solid var(--warn-dark);border-radius:var(--radius-sm);padding:14px}.nota-interna-field label{color:var(--warn-dark)}.nota-interna-field textarea{background:var(--surface)}.nota-interna-log{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.nota-interna-log li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.nota-interna-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.nota-interna-fecha{font-size:.76rem;color:var(--muted)}.nota-interna-texto{margin:0;font-size:.9rem;white-space:pre-wrap}.error-text{color:var(--danger);font-size:.88rem;margin:4px 0 14px}.ok-text{color:#3f7d4a;font-size:.88rem;margin:4px 0 14px}.qr-wrap{display:flex;justify-content:center;padding:12px;background:var(--surface-muted);border-radius:var(--radius-sm);margin:6px 0}.qr-wrap img{display:block;width:240px;height:240px}.qr-url{text-align:center;word-break:break-all;font-size:.78rem}.sugerencia-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.85rem}.descarga-publica{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.preview-catalogo-shell{padding:16px 14px;min-height:100dvh}.preview-quick-resultados{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.preview-quick-resultados li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.preview-libre-note{margin:8px 0 0;font-size:12px;color:var(--muted)}.preview-libre-note strong{color:var(--text)}.preview-libre-note-sin{font-style:italic}.intervencion-list{list-style:none;padding:0;margin:0 0 16px}.intervencion-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.intervencion-item:last-child{border-bottom:none}.intervencion-item strong{display:block}.intervencion-item span{color:var(--muted);font-size:.88rem}.intervencion-actions{display:flex;gap:12px;flex-shrink:0}.btn-text-danger{color:var(--danger)}@media(min-width:640px){.checkbox-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}}.tour-spot{display:none;position:fixed;border:2px solid var(--primary);border-radius:8px;box-shadow:0 0 0 9999px #14100899;z-index:9998;pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-card{position:fixed;z-index:9999;width:300px;max-width:calc(100vw - 28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 12px 32px #1410084d;transition:top .25s ease,left .25s ease}.tour-card-progreso{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.tour-card h3{font-size:16px;margin:0 0 6px}.tour-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}.tour-card-botones{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.quick-trabajos{display:flex;flex-direction:column;gap:8px}.quick-tile{justify-content:flex-start;text-align:left;gap:10px}.quick-tile-texto{display:block;flex:1 1 auto;min-width:0}.quick-tile-sub{display:block;font-weight:400;font-size:.82rem;color:var(--muted);margin-top:2px}.quick-tile-nota{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);white-space:nowrap}@media(max-width:24rem){.quick-tile-nota{display:none}}.menu-titulo{font-family:Georgia,Times New Roman,serif;font-size:1.08rem;margin:0 0 8px}.quick-subpanel>label{display:block;margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border);font-size:1rem;font-weight:700;color:var(--text)}.quick-subpanel>label:first-of-type{margin-top:4px;padding-top:0;border-top:none}.quick-subpanel textarea{display:block;width:100%;min-height:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font:inherit;font-size:1rem;color:var(--text);background:var(--surface);resize:vertical}.quick-subpanel textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.menu-pos-highlight{margin:10px 0 16px;padding:14px;background:var(--primary-soft);border:2px solid var(--primary);border-radius:var(--radius-sm)}.menu-pos-highlight label{display:block;margin:0 0 10px;font-size:1.05rem;font-weight:700;color:var(--primary-dark)}.panel-transicion{margin-bottom:14px;padding:12px 14px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:.92rem;animation:panelTransicionEntra .5s ease-out}.panel-transicion strong{font-weight:700}@keyframes panelTransicionEntra{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quick-subpanel .btn-large{width:100%;margin-top:12px}.quick-subpanel [data-menu-atras]{display:block;margin-top:12px}.quick-subpanel{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:12px;margin-top:-2px}.quick-subpanel .field:last-child{margin-bottom:0}textarea.autogrow{resize:none;overflow:hidden;min-height:44px;line-height:1.45}.avatar-badge{width:38px;height:38px;border-radius:50%;background:var(--surface-muted);border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}.avatar-badge svg{width:68%;height:68%}button.avatar-badge{cursor:pointer;padding:0;transition:border-color .12s ease,transform .08s ease}button.avatar-badge:hover{border-color:var(--primary);transform:scale(1.04)}.avatar-badge-sm{width:26px;height:26px}.tecnico-actual-row{display:flex;align-items:center;gap:10px;margin-top:8px}.tecnico-actual-row .tecnico-actual{margin-top:0}.chip-tecnico{display:inline-flex;align-items:center;gap:8px;padding-left:8px}.avatar-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;background:repeating-linear-gradient(45deg,#141414 0,#141414 10px,#f6f4ef 10px,#f6f4ef 20px) top left / 100% 16px no-repeat,#f6f4ef;color:#1c1a17;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:24px 18px 60px}.avatar-picker-header{max-width:480px;margin:0 auto 24px}.avatar-picker-back{color:#6b655c;font-family:inherit;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.avatar-picker h1{font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;font-size:1.8rem;line-height:.95;text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 6px;color:#1c1a17;text-shadow:3px 3px 0 #c22a2a;transform:skew(-3deg)}.avatar-picker h1 span{color:#2c5a8c;text-shadow:3px 3px 0 #d9a441}.avatar-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:480px;margin:0 auto}@media(min-width:460px){.avatar-picker-grid{grid-template-columns:repeat(3,1fr)}}.avatar-picker-card{background:#f1ead9;border:3px solid #141414;border-radius:6px;padding:12px 8px 10px;cursor:pointer;box-shadow:3px 3px #141414;transition:transform .12s ease,box-shadow .12s ease;text-align:center}.avatar-picker-card:hover{transform:translateY(-2px);box-shadow:4px 5px #141414}.avatar-picker-card.selected{box-shadow:0 0 0 3px #c7de52,4px 5px #141414;transform:translateY(-2px)}.avatar-picker-icon{display:flex;align-items:center;justify-content:center;background:#eae7df;border:2px solid #141414;border-radius:4px;aspect-ratio:1;margin-bottom:8px}.avatar-picker-icon svg{width:84%;height:84%}.avatar-picker-name{display:block;font-family:Arial Black,sans-serif;font-weight:900;text-transform:uppercase;font-size:.66rem;color:#141414;line-height:1.2}.avatar-picker-quitar{display:block;margin:26px auto 0;color:#6b655c;font-family:inherit;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;text-align:center}