.bcs-apparel-builder{display:grid;gap:18px;margin-top:18px;padding:18px;border-radius:18px;background:radial-gradient(circle at top right,rgba(41,170,226,.12),transparent 32%),radial-gradient(circle at top left,rgba(0,169,157,.1),transparent 28%),linear-gradient(180deg,#fff,#f8f9ff);box-shadow:0 10px 30px #2723611a,0 0 0 1px #2e368f14,inset 0 1px #ffffffd9;position:relative;overflow:hidden}.bcs-apparel-builder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 14%,#ffffffd9 0,#fff0 18%),radial-gradient(circle at 88% 12%,#ffffffb3 0,#fff0 16%);pointer-events:none;opacity:.7}.bcs-option-group{display:grid;gap:10px;position:relative;z-index:1}.bcs-option-label{font-size:14px;font-weight:700;color:#272361;letter-spacing:.02em}.bcs-option-grid{display:flex;flex-wrap:wrap;gap:10px}.bcs-option-btn{-webkit-appearance:none;appearance:none;border:1px solid rgba(208,212,219,.95);background:linear-gradient(180deg,#fff,#f8f9fc);border-radius:999px;padding:10px 14px;font-size:14px;color:#2f2249;cursor:pointer;transition:transform .2s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;box-shadow:0 2px 6px #2723610f,inset 0 1px #fffc;position:relative;overflow:hidden}.bcs-option-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);opacity:0;transform:translate(-130%);transition:transform .5s ease,opacity .25s ease;pointer-events:none}.bcs-option-btn:hover{transform:translateY(-1px);border-color:#2e368f47;box-shadow:0 6px 16px #2723611f,0 0 10px #00a99d1f}.bcs-option-btn:hover:after{opacity:1;transform:translate(130%)}.bcs-option-btn.is-active{border-color:#2e368f;background:linear-gradient(135deg,#2e368f,#0d72ba);color:#fff;box-shadow:0 0 0 2px #ffffffa6,0 0 12px #2e368f66,0 0 22px #0d72ba59,0 8px 18px #27236138;animation:bcsPulse 3s ease-in-out infinite}.bcs-option-btn.is-active:after{opacity:.6;transform:translate(130%)}.bcs-option-empty{font-size:13px;opacity:.65;font-style:italic;color:#6b628a}.bcs-color-group{gap:8px}.bcs-color-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bcs-swatch-btn{position:relative;border:none;background:none;padding:3px;cursor:pointer;line-height:0;flex:0 0 auto;border-radius:50%;transition:transform .18s ease}.bcs-swatch{width:34px;height:34px;border-radius:50%;border:2px solid #d0d4db;display:block;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;box-shadow:0 2px 6px #27236114,inset 0 1px #ffffff73}.bcs-swatch-btn:hover .bcs-swatch{transform:scale(1.08);filter:brightness(1.03);box-shadow:0 4px 12px #27236124,0 0 8px #00a99d2e}.bcs-swatch-btn.is-active .bcs-swatch{border:2px solid #fff;box-shadow:0 0 0 2px #fff,0 0 10px #2e368f80,0 0 18px #0d72ba73,0 8px 16px #2723612e;animation:bcsPulse 3s ease-in-out infinite}.bcs-swatch-label{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:linear-gradient(135deg,#272361,#2e368f);color:#fff;font-size:11px;line-height:1.2;padding:6px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20;box-shadow:0 6px 16px #2723612e}.bcs-swatch-btn:hover .bcs-swatch-label{opacity:1;transform:translate(-50%) translateY(-2px)}.bcs-selected-color{font-size:12px;line-height:1.3;color:#333;min-height:16px;position:relative}.bcs-selected-color:after{content:"";position:absolute;left:0;bottom:-4px;width:42%;height:2px;background:linear-gradient(90deg,#2e368f,rgba(13,114,186,.25),transparent);opacity:.7}.bcs-selected-color strong{font-weight:700;color:#272361}@media screen and (min-width:750px){.bcs-apparel-builder{padding:22px;gap:20px}.bcs-color-grid{gap:12px}.bcs-swatch{width:44px;height:44px}.bcs-swatch-label{font-size:12px}.bcs-selected-color{font-size:13px}}.bcs-mto-agreement{display:grid;gap:12px;padding:16px;border:1px solid rgba(208,212,219,.95);border-radius:16px;background:radial-gradient(circle at top right,rgba(41,170,226,.08),transparent 32%),linear-gradient(180deg,#fff,#fafbff);box-shadow:0 8px 22px #27236112,inset 0 1px #ffffffbf;position:relative;overflow:hidden}.bcs-mto-agreement:before{content:"";position:absolute;top:-40px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(13,114,186,.12) 0%,transparent 70%);pointer-events:none}.bcs-mto-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;cursor:pointer;color:#2f2249;position:relative;z-index:1}.bcs-mto-checkbox input{margin-top:3px;accent-color:#2e368f}.bcs-mto-details{border-top:1px solid #e5e7eb;padding-top:10px;position:relative;z-index:1}.bcs-mto-summary{cursor:pointer;font-size:13px;font-weight:600;color:#2e368f;transition:color .18s ease}.bcs-mto-summary:hover{color:#0d72ba}.bcs-mto-copy{display:grid;gap:10px;margin-top:10px;font-size:13px;line-height:1.5;color:#333}.bcs-mto-copy p{margin:0}.bcs-agreement-error{color:#b42318;font-size:13px;font-weight:600}@keyframes bcsPulse{0%{box-shadow:0 0 0 2px #ffffffa6,0 0 10px #2e368f47,0 0 18px #0d72ba38}50%{box-shadow:0 0 0 2px #ffffffb8,0 0 14px #2e368f6b,0 0 24px #0d72ba57}to{box-shadow:0 0 0 2px #ffffffa6,0 0 10px #2e368f47,0 0 18px #0d72ba38}}.bcs-apparel-builder.bcs-complete{box-shadow:0 12px 32px #27236129,0 0 0 1px #2e368f1f,0 0 18px #2e368f40,0 0 28px #0d72ba2e}.bcs-apparel-builder.bcs-complete-pulse{animation:bcsBuilderPulse .8s ease}@keyframes bcsBuilderPulse{0%{transform:scale(1);box-shadow:0 10px 30px #2723611a,0 0 0 1px #2e368f14}50%{transform:scale(1.015);box-shadow:0 14px 40px #27236138,0 0 0 1px #2e368f2e,0 0 24px #0d72ba59}to{transform:scale(1);box-shadow:0 12px 32px #27236129,0 0 0 1px #2e368f1f}}.product__info-container:has(.bcs-apparel-builder) variant-selects,.product__info-container:has(.bcs-apparel-builder) .product-form__input--dropdown,.product__info-container:has(.bcs-apparel-builder) .product-form__input--swatch,.product__info-container:has(.bcs-apparel-builder) .product-form__input--pill{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/apparel-configurator.css.map */