.icon-options-container[data-v-a4496b67]{max-width:100%;position:relative}.icon-options[data-v-a4496b67]{display:flex;gap:15px;padding:10px 0;transition:all .3s ease}.icon-options.scrollable[data-v-a4496b67]{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:10px 40px;scroll-behavior:smooth}.icon-options.scrollable[data-v-a4496b67]::-webkit-scrollbar{display:none}.icon-option[data-v-a4496b67]{align-items:center;animation:fadeIn-a4496b67 .3s ease forwards;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;min-width:120px;padding:15px;transition:all .3s ease}.icon-option[data-v-a4496b67]:hover{box-shadow:0 4px 12px #007bff26}.icon-option.selected[data-v-a4496b67],.icon-option[data-v-a4496b67]:hover{border-color:#007bff;transform:translateY(-2px)}.icon-option.selected[data-v-a4496b67]{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 6px 20px #007bff4d;color:#fff}.icon-option img[data-v-a4496b67]{border-radius:8px;margin-bottom:8px;transition:all .3s ease}.icon-option.selected img[data-v-a4496b67]{filter:brightness(1.1)}.icon-name[data-v-a4496b67]{font-size:12px;font-weight:500;margin-top:5px;text-align:center;transition:all .3s ease}.icon-option.selected .icon-name[data-v-a4496b67]{color:#fff;font-weight:600}.scroll-indicators[data-v-a4496b67]{pointer-events:none;width:100%;z-index:10}.scroll-btn[data-v-a4496b67],.scroll-indicators[data-v-a4496b67]{position:absolute;top:50%;transform:translateY(-50%)}.scroll-btn[data-v-a4496b67]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;pointer-events:auto;transition:all .3s ease;width:40px;z-index:11}.scroll-btn[data-v-a4496b67]:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.scroll-btn i[data-v-a4496b67]{color:#007bff;font-size:18px}.scroll-left[data-v-a4496b67]{left:5px}.scroll-right[data-v-a4496b67]{right:5px}@media (max-width:768px){.icon-options[data-v-a4496b67]{gap:10px;padding:10px 0}.icon-options.scrollable[data-v-a4496b67]{padding:10px 35px}.icon-option[data-v-a4496b67]{min-width:100px;padding:12px}.icon-option img[data-v-a4496b67]{width:60px}.scroll-btn[data-v-a4496b67]{height:35px;width:35px}.scroll-btn i[data-v-a4496b67]{font-size:16px}}@keyframes fadeIn-a4496b67{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icon-option[data-v-a4496b67]:first-child{animation-delay:.1s}.icon-option[data-v-a4496b67]:nth-child(2){animation-delay:.2s}.icon-option[data-v-a4496b67]:nth-child(3){animation-delay:.3s}.icon-option[data-v-a4496b67]:nth-child(4){animation-delay:.4s}.icon-option[data-v-a4496b67]:nth-child(5){animation-delay:.5s}.icon-option[data-v-a4496b67]:nth-child(6){animation-delay:.6s}.icon-option[data-v-a4496b67]:nth-child(7){animation-delay:.7s}.icon-option[data-v-a4496b67]:nth-child(8){animation-delay:.8s}.icon-option[data-v-a4496b67]:nth-child(9){animation-delay:.9s}.icon-option[data-v-a4496b67]:nth-child(10){animation-delay:1s}