.gaming-variant-container{margin-bottom:1.5rem;background:#0000004d;border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #00d4ff1a,inset 0 1px #ffffff0d;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:border-color,box-shadow;transform:translateZ(0)}.gaming-variant-container:hover{border-color:#00d4ff4d;box-shadow:0 8px 32px #0006,0 0 0 1px #00d4ff33,inset 0 1px #ffffff1a}.gaming-variant-container__header{margin-bottom:1rem}.gaming-variant-container__label{display:block;font-weight:600;color:var(--color-gaming-text-primary, #ffffff);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 8px rgba(0,212,255,.3)}.gaming-variant-container__content{display:flex;justify-content:center}.gaming-variant-option{margin-bottom:1.5rem}.gaming-variant-option__label{display:block;font-weight:600;color:var(--color-gaming-text-primary, #ffffff);margin-bottom:.75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.gaming-variant-toggle{position:relative;display:flex;background:#0006;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d,0 0 0 1px #00d4ff1a,inset 0 1px #ffffff1a;width:100%;max-width:280px}.gaming-variant-toggle__option{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;color:#a0aec0;font-weight:600;font-size:1rem;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);z-index:3;text-transform:uppercase;letter-spacing:.03em;will-change:transform,color;transform:translateZ(0)}.gaming-variant-toggle__option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00d4ff0d;border-radius:12px;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);will-change:opacity;transform:translateZ(0)}.gaming-variant-toggle__option:hover:before{opacity:1}.gaming-variant-toggle__option:hover{color:#fff;transform:translate3d(0,-1px,0)}.gaming-variant-toggle__option.active{color:#fff;text-shadow:0 0 10px rgba(0,212,255,.5)}.gaming-variant-toggle__option.active:before{opacity:1;background:#00d4ff1a}.gaming-variant-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;flex-shrink:0}.gaming-variant-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}.gaming-variant-toggle__option:hover .gaming-variant-color-dot{border-color:#00d4ff99;transform:scale(1.1)}.gaming-variant-toggle__option:hover .gaming-variant-color-dot:after{opacity:1}.gaming-variant-toggle__option.active .gaming-variant-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-variant-toggle__option.active .gaming-variant-color-dot:after{opacity:1}.gaming-variant-toggle__indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,#00d4ff,#09f);border-radius:6px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 4px 20px #0099ff4d,0 0 30px #00d4ff33,inset 0 1px #fff3}.gaming-variant-toggle__option:nth-child(2).active~.gaming-variant-toggle__indicator{transform:translate(100%)}.gaming-variant-color-dot--white{background:linear-gradient(135deg,#fff,#f8f9fa,#e9ecef)}.gaming-variant-color-dot--black{background:linear-gradient(135deg,#2d3748,#1a202c,#000)}.gaming-variant-color-dot--red{background:linear-gradient(135deg,#e53e3e,#c53030,#9b2c2c)}.gaming-variant-color-dot--blue{background:linear-gradient(135deg,#3182ce,#2b77cb,#2c5aa0)}.gaming-variant-color-dot--green{background:linear-gradient(135deg,#38a169,#2f855a,#276749)}.gaming-variant-color-dot--gray,.gaming-variant-color-dot--grey{background:linear-gradient(135deg,#a0aec0,#718096,#4a5568)}.gaming-variant-color-dot--silver{background:linear-gradient(135deg,#e2e8f0,#cbd5e0,#a0aec0)}.gaming-variant-toggle__option:hover .gaming-variant-color-dot,.gaming-variant-toggle__option.active .gaming-variant-color-dot{border-color:var(--color-gaming-accent, #00d4ff)}.gaming-variant-toggle__indicator{display:none}.gaming-variant-option__select{width:100%;max-width:320px;padding:.75rem 2.5rem .75rem 1rem;background:var(--color-gaming-surface-secondary, #1a1a1a);border:1px solid var(--color-gaming-border, #333333);border-radius:.375rem;color:var(--color-gaming-text-primary, #ffffff);font-size:1rem;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.gaming-variant-option__select:hover{border-color:var(--color-gaming-accent, #00d4ff);background-color:var(--color-gaming-surface-tertiary, #2a2a2a)}.gaming-variant-option__select:focus{outline:none;border-color:var(--color-gaming-accent, #00d4ff);box-shadow:0 0 0 3px #00d4ff1a;background-color:var(--color-gaming-surface-tertiary, #2a2a2a)}.gaming-variant-option__select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gaming-surface-disabled, #0f0f0f)}.gaming-variant-hidden-input{display:none}@media (max-width: 768px){.gaming-variant-option{margin-bottom:1rem}.gaming-variant-toggle{width:100%;max-width:none}.gaming-variant-toggle__option{padding:.875rem 1.5rem;font-size:1rem;gap:.5rem}.gaming-variant-color-dot{width:18px;height:18px}.gaming-variant-option__select{padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem;max-width:none}.gaming-variant-container{padding:1.25rem}.gaming-variant-container__label{font-size:.8125rem}.gaming-variant-toggle{max-width:260px}.gaming-variant-option__label{font-size:.8125rem;margin-bottom:.5rem}}@media (max-width: 480px){.gaming-variant-container{padding:1rem;margin-bottom:1rem}.gaming-variant-container__label{font-size:.8125rem}.gaming-variant-toggle{max-width:100%}.gaming-variant-toggle__option{padding:.75rem 1rem;font-size:.875rem;gap:.375rem}.gaming-variant-color-dot{width:16px;height:16px}.gaming-variant-option__select{font-size:.8125rem}}@media (prefers-color-scheme: dark){.gaming-variant-option__select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-gaming-variant-selector.css.map */