.vazaci-selector{max-width:500px;margin:2rem 0}.vazaci-selector .vazaci-selector-title{color:#444;margin-bottom:1rem;font-size:1rem;font-weight:600}.vazaci-selector .vazaci-grid{flex-flow:row;gap:.8rem;display:flex}@media (max-width:600px){.vazaci-selector .vazaci-grid{flex-wrap:wrap}}.vazaci-selector .vazaci-tile{cursor:pointer;white-space:nowrap;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:0 auto;align-items:center;gap:.8rem;padding:.6rem 1rem;transition:all .2s ease-in-out;display:flex}.vazaci-selector .vazaci-tile input{display:none}.vazaci-selector .vazaci-tile .vazaci-color-box{border:1px solid #0000000d;border-radius:4px;flex-shrink:0;width:38px;height:22px}.vazaci-selector .vazaci-tile .vazaci-color-box.is-green{background-color:#1a3c34}.vazaci-selector .vazaci-tile .vazaci-color-box.is-antracit{background-color:#383838}.vazaci-selector .vazaci-tile .vazaci-color-box.is-brown{background-color:#4b3621}.vazaci-selector .vazaci-tile .vazaci-info{flex-direction:column;line-height:1.1;display:flex}.vazaci-selector .vazaci-tile .vazaci-info .vazaci-name{color:#111;font-size:1.15rem;font-weight:700}.vazaci-selector .vazaci-tile .vazaci-info .vazaci-ral{color:#6b7280;font-size:.7rem}.vazaci-selector .vazaci-tile:hover{border-color:#d1d5db}.vazaci-selector .vazaci-tile.active{background-color:#f0fdf4;border-color:#10b981}.vazaci-selector .vazaci-tile.active .vazaci-name{color:#059669}