.setup-category-card.required{border-color:var(--pc-warning, #ff9500);border-width:2px;background:linear-gradient(135deg,#ff950014,#ff950005);box-shadow:0 0 15px #ff950026,inset 0 0 20px #ff95000d;animation:required-card-pulse 2s ease-in-out infinite}@keyframes required-card-pulse{0%,to{box-shadow:0 0 15px #ff950026,inset 0 0 20px #ff95000d;border-color:#ff950099}50%{box-shadow:0 0 25px #ff95004d,inset 0 0 30px #ff95001a;border-color:#ff9500}}.category-required-badge{position:absolute;top:-6px;right:-6px;width:24px;height:24px;background:linear-gradient(135deg,#ff9500,#ff6b00);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px #ff950066,0 0 15px #ff95004d;animation:required-badge-pulse 2s ease-in-out infinite;z-index:10}@keyframes required-badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff950066,0 0 15px #ff95004d}50%{transform:scale(1.15);box-shadow:0 4px 12px #ff950099,0 0 25px #ff950080}}.setup-category-card.required .category-card-header:before{content:"OBLIGATOIRE";position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:0 8px;box-shadow:0 2px 8px #ff950066;z-index:5}.setup-category-card.required:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 32px #ff95004d,0 0 40px #ff950033,inset 0 0 30px #ff95001a}.tutorial-overlay-part{position:fixed;background:#000000d9;z-index:9998;opacity:0;pointer-events:none;transition:opacity .6s ease,top .6s cubic-bezier(.23,1,.32,1),left .6s cubic-bezier(.23,1,.32,1),width .6s cubic-bezier(.23,1,.32,1),height .6s cubic-bezier(.23,1,.32,1);will-change:top,left,width,height}.tutorial-overlay-part.active{opacity:1;pointer-events:auto}.tutorial-spotlight{position:fixed;pointer-events:none;z-index:9999;transition:all .6s cubic-bezier(.23,1,.32,1);border-radius:12px;will-change:top,left,width,height}.tutorial-spotlight:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:3px solid var(--pc-primary, #00ffff);border-radius:16px;box-shadow:0 0 0 4px #0ff3,0 0 30px #00ffff80;animation:tutorial-spotlight-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes tutorial-spotlight-pulse{0%,to{box-shadow:0 0 0 4px #0ff3,0 0 30px #00ffff80;border-color:#0ffc}50%{box-shadow:0 0 0 8px #0ff6,0 0 50px #0ffc;border-color:#0ff}}.tutorial-tooltip{position:fixed!important;z-index:999999!important;background:linear-gradient(135deg,#0f0f19fa,#141423fa);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:2px solid var(--pc-primary, #00ffff);border-radius:16px;padding:1.5rem;max-width:400px;min-width:320px;box-shadow:0 10px 40px #00000080,0 0 30px #00ffff4d,inset 0 1px #ffffff1a;opacity:0;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.23,1,.32,1);pointer-events:auto}.tutorial-tooltip.active{opacity:1;transform:scale(1) translateY(0)}.tutorial-tooltip-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,255,255,.2)}.tutorial-tooltip-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.tutorial-tooltip-step{font-size:.875rem;font-weight:700;color:var(--pc-primary, #00ffff);text-transform:uppercase;letter-spacing:1px}.tutorial-tooltip-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .75rem}.tutorial-tooltip-description{font-size:.9375rem;line-height:1.6;color:#ffffffd9;margin:0 0 1.5rem}.tutorial-tooltip-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.tutorial-progress{font-size:.8125rem;color:#fff9;font-weight:600}.tutorial-btn-group{display:flex;gap:.5rem}.tutorial-btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.tutorial-btn-primary{background:linear-gradient(135deg,var(--pc-primary, #00ffff),var(--pc-secondary, #ff00ff));color:#000;box-shadow:0 4px 15px #00ffff4d}.tutorial-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ffff80}.tutorial-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.tutorial-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.tutorial-btn-skip{background:transparent;color:#fff9;padding:.5rem 1rem;font-size:.875rem}.tutorial-btn-skip:hover{color:#ffffffe6;background:#ffffff0d}.tutorial-welcome-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100001;background:linear-gradient(135deg,#0f0f19fa,#141423fa);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:2px solid var(--pc-primary, #00ffff);border-radius:24px;padding:3rem;max-width:600px;box-shadow:0 20px 60px #0009,0 0 50px #0ff6,inset 0 1px #ffffff1a;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:all .4s cubic-bezier(.23,1,.32,1);pointer-events:none}.tutorial-welcome-modal.active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.tutorial-welcome-icon{font-size:4rem;text-align:center;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(0,255,255,.6));animation:welcome-icon-float 3s ease-in-out infinite}@keyframes welcome-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-welcome-title{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin:0 0 1rem;background:linear-gradient(135deg,var(--pc-primary, #00ffff),var(--pc-secondary, #ff00ff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tutorial-welcome-description{font-size:1.0625rem;line-height:1.7;color:#ffffffd9;text-align:center;margin:0 0 2rem}.tutorial-welcome-features{display:grid;gap:1rem;margin-bottom:2rem}.tutorial-feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;transition:all .3s ease}.tutorial-feature-item:hover{background:#00ffff1a;border-color:#0ff6;transform:translate(5px)}.tutorial-feature-icon{font-size:2rem;flex-shrink:0}.tutorial-feature-text{flex:1}.tutorial-feature-title{font-weight:600;color:#fff;margin:0 0 .25rem;font-size:.9375rem}.tutorial-feature-desc{font-size:.875rem;color:#ffffffb3;margin:0}.tutorial-welcome-actions{display:flex;gap:1rem;justify-content:center}.tutorial-launch-btn{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--pc-primary, #00ffff),var(--pc-secondary, #ff00ff));border:none;cursor:pointer;box-shadow:0 8px 24px #0ff6,0 0 40px #00ffff4d;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s ease;animation:tutorial-launch-pulse 3s ease-in-out infinite}.tutorial-launch-btn:hover{transform:scale(1.1);box-shadow:0 12px 32px #0ff9,0 0 60px #00ffff80}@keyframes tutorial-launch-pulse{0%,to{box-shadow:0 8px 24px #0ff6,0 0 40px #00ffff4d}50%{box-shadow:0 12px 32px #0ff9,0 0 60px #00ffff80}}.tutorial-launch-btn.hidden{opacity:0;pointer-events:none}.setup-header-actions{display:flex;align-items:center;gap:1.5rem}.setup-help-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#00ffff26,#ff00ff26);border:2px solid rgba(0,255,255,.3);border-radius:8px;color:var(--pc-primary, #00ffff);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0ff3}.setup-help-btn:hover{background:linear-gradient(135deg,#00ffff40,#ff00ff40);border-color:#0ff9;transform:translateY(-2px);box-shadow:0 6px 16px #0ff6}.setup-help-btn:active{transform:translateY(0)}.help-icon{font-size:1.25rem;filter:drop-shadow(0 0 8px rgba(0,255,255,.6))}.help-text{letter-spacing:.5px}.tutorial-active .setup-header-simple{display:none!important;opacity:0!important;visibility:hidden!important;transform:translateY(-100%)!important;pointer-events:none!important}@media (max-width: 768px){.tutorial-tooltip{position:fixed!important;z-index:999999!important;max-width:100vw!important;min-width:100vw!important;padding:1rem!important;left:0!important;right:0!important;width:100vw!important;bottom:0!important;top:auto!important;max-height:40vh!important;overflow-y:auto!important;border-radius:16px 16px 0 0!important;margin:0!important;transform:translateY(0)!important}.tutorial-tooltip.active{opacity:1!important;transform:translateY(0)!important}.tutorial-tooltip-title{font-size:1.125rem}.tutorial-tooltip-description{font-size:.875rem}.tutorial-btn-group{flex-direction:column;width:100%}.tutorial-btn{width:100%;justify-content:center}.tutorial-welcome-modal{max-width:calc(100vw - 2rem)!important;width:calc(100vw - 2rem)!important;padding:2rem 1.5rem!important;left:1rem!important;right:1rem!important;top:2rem!important;bottom:auto!important;transform:translate(0)!important;max-height:calc(100vh - 4rem)!important;overflow-y:auto!important}.tutorial-welcome-modal.active{transform:translate(0) scale(1)!important}.tutorial-welcome-title{font-size:1.5rem}.tutorial-welcome-description{font-size:.9375rem}.tutorial-launch-btn{bottom:1rem;right:1rem;width:56px;height:56px;font-size:1.75rem}.setup-header-actions{flex-direction:column;align-items:flex-end;gap:.75rem}.setup-help-btn{padding:.5rem 1rem;font-size:.875rem}.help-text{display:none}.help-icon{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pc-builder-tutorial.css.map */