.gaming-color-selector__container{position:relative;width:100%}.gaming-color-selector__options{display:flex;justify-content:center;margin-bottom:3rem;position:relative;z-index:2}.gaming-color-selector__toggle{position:relative;display:flex;background:var(--gaming-surface-01, rgba(0, 212, 255, .06));border:1px solid var(--gaming-surface-border, rgba(0, 212, 255, .25));border-radius:16px;padding:6px}.gaming-color-selector__option{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem 2.25rem;background:transparent;border:none;border-radius:12px;color:var(--gaming-brand-primary, #00d4ff);font-weight:600;font-size:1.05rem;cursor:pointer;transition:color .2s ease;z-index:3;text-transform:uppercase;letter-spacing:.05em}.gaming-color-selector__option:before{content:"";position:absolute;top:6px;left:10px;right:10px;bottom:6px;border-radius:9px;border:1px solid transparent;transition:border-color .2s ease}.gaming-color-selector__option:hover{color:var(--gaming-brand-text, #ffffff)}.gaming-color-selector__option:hover:before{border-color:var(--gaming-surface-border, rgba(0, 212, 255, .25))}.gaming-color-selector__option.active{color:var(--gaming-brand-text, #ffffff)}.gaming-color-selector__option.active:before{border-color:var(--gaming-brand-primary, #00d4ff)}.pc-color-switcher__color-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.pc-color-switcher__color-dot:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(0,212,255,.3),transparent);opacity:0;transition:opacity .3s ease}.pc-color-switcher__color-dot--white{background:linear-gradient(135deg,#fff,#f8f9fa,#e9ecef);box-shadow:inset 0 1px 2px #0000001a}.pc-color-switcher__color-dot--black{background:linear-gradient(135deg,#2d3748,#1a202c,#000);box-shadow:inset 0 1px 2px #ffffff1a}.gaming-color-selector__option:hover .pc-color-switcher__color-dot{border-color:#00d4ff99;transform:scale(1.1)}.gaming-color-selector__option:hover .pc-color-switcher__color-dot:after{opacity:1}.gaming-color-selector__option.active .pc-color-switcher__color-dot{border-color:#00d4ff;transform:scale(1.15);box-shadow:0 0 15px #00d4ff66,0 0 30px #00d4ff33,inset 0 1px 2px #0000001a}.gaming-color-selector__option.active .pc-color-switcher__color-dot:after{opacity:1}.gaming-color-selector__indicator{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);background:var(--gaming-surface-02, rgba(0, 212, 255, .12));border:1px solid var(--gaming-surface-border-strong, rgba(0, 212, 255, .45));border-radius:12px;transition:transform .35s ease;z-index:1}.gaming-color-selector__option--black.active~.gaming-color-selector__indicator{transform:translate(100%)}.gaming-color-selector__option:focus{outline:none;box-shadow:0 0 0 2px #00d4ff80}.gaming-color-selector__collections{position:relative;min-height:400px;transition:height .3s ease}.gaming-color-selector__collection{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in,visibility 0s linear .3s}.gaming-color-selector__collection.active{opacity:1;visibility:visible;transform:translateY(0);position:static;transition:opacity .3s ease-in,transform .3s ease-in,visibility 0s linear 0s}.gaming-color-selector__loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:var(--gaming-border-radius-lg, 12px);transition:opacity .3s ease}.gaming-color-selector__loading-spinner{width:40px;height:40px;border:2px solid rgba(0,212,255,.15);border-top:2px solid rgba(0,212,255,.6);border-radius:50%;animation:gaming-spin .8s linear infinite;margin-bottom:.75rem;position:relative}.gaming-color-selector__loading-spinner:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-top:2px solid rgba(0,212,255,.3);border-radius:50%;animation:gaming-spin-reverse 1.2s linear infinite}.gaming-color-selector__loading-text{color:#00d4ffe6;font-weight:600;font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;animation:gaming-pulse 1.5s ease-in-out infinite;text-shadow:0 0 10px rgba(0,212,255,.3)}.gaming-color-selector__loading-dots{display:inline-flex;gap:.2rem;margin-left:.4rem}.gaming-color-selector__loading-dot{width:4px;height:4px;background:#00d4ffcc;border-radius:50%;animation:gaming-dot-bounce 1.2s ease-in-out infinite both;box-shadow:0 0 5px #00d4ff66}.gaming-color-selector__loading-dot:nth-child(1){animation-delay:-.24s}.gaming-color-selector__loading-dot:nth-child(2){animation-delay:-.12s}.gaming-color-selector__loading-dot:nth-child(3){animation-delay:0}@keyframes gaming-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gaming-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes gaming-pulse{0%,to{opacity:.7}50%{opacity:.4}}@keyframes gaming-dot-bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:.7}}.gaming-color-selector__collection .grid__item{transition:opacity .15s ease,transform .15s ease}.gaming-color-selector__collection.active .grid__item{opacity:1;transform:translateY(0)}.gaming-color-selector__view-all{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gaming-btn-gradient);color:#fff;text-decoration:none;border-radius:var(--gaming-border-radius-md);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:var(--gaming-btn-glow);opacity:0;visibility:hidden;transform:translateY(10px)}.gaming-color-selector__view-all.active{opacity:1;visibility:visible;transform:translateY(0)}.gaming-color-selector__view-all:hover{transform:translateY(-3px);box-shadow:0 15px 35px #09f6}@media (max-width: 768px){.gaming-color-selector__options{margin-bottom:2rem}.gaming-color-selector__toggle{width:100%;max-width:320px}.gaming-color-selector__option{flex:1;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}.pc-color-switcher__color-dot{width:18px;height:18px}.gaming-color-selector__loading-spinner{width:35px;height:35px}.gaming-color-selector__loading-text{font-size:1.125rem}.gaming-color-selector__collections{min-height:300px}}@media (max-width: 480px){.gaming-color-selector__option{gap:.5rem;padding:.75rem 1rem;font-size:.875rem}.pc-color-switcher__color-dot{width:16px;height:16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.gaming-color-selector__option{border-width:2px}.gaming-color-selector__option.active{border-width:3px}.gaming-color-selector__loading{background:#000000e6}}@media (prefers-reduced-motion: reduce){.gaming-color-selector__option,.gaming-color-selector__collection,.gaming-color-selector__loading,.gaming-color-selector__view-all{transition:none}.gaming-color-selector__loading-spinner,.gaming-color-selector__loading-spinner:before{animation:none}.gaming-color-selector__loading-text,.gaming-color-selector__loading-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-gaming-color-selector.css.map */