.jersey-personalization{--jp-dark: #00355c;--jp-blue: #033f85;--jp-light-blue: #3e87bb;--jp-border: rgba(0, 53, 92, .25);--jp-border-strong: rgba(0, 53, 92, .55);--jp-bg-soft: rgba(0, 53, 92, .04);--jp-radius: 8px;margin:20px 0}.jersey-personalization *,.jersey-personalization *:before,.jersey-personalization *:after{box-sizing:border-box}.jersey-personalization .jp-section-label{display:block;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:.8rem;color:var(--jp-dark);font-family:Beachwood,sans-serif!important}.jersey-personalization .personalization-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.jersey-personalization .personalization-tab{background:#fff;border:1px solid var(--jp-border);border-radius:var(--jp-radius);color:var(--jp-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s ease;min-height:70px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:6px;padding:10px 8px}.jersey-personalization .personalization-tab:hover{border-color:var(--jp-border-strong);background:var(--jp-bg-soft)}.jersey-personalization .personalization-tab.active span,.jersey-personalization .personalization-tab.active{background:var(--jp-dark);border-color:var(--jp-dark);color:#fff}.jersey-personalization .personalization-tab .tab-icon{width:24px;height:24px;opacity:.6}.jersey-personalization .personalization-tab.active .tab-icon{opacity:1}.jersey-personalization .player-select-container{margin-top:12px;position:relative}.jersey-personalization .custom-select{position:relative;width:100%}.jersey-personalization .custom-select-trigger{width:100%;background:#fff;border:1px solid var(--jp-border);border-radius:var(--jp-radius);padding:12px 40px 12px 14px;color:var(--jp-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;min-height:46px}.jersey-personalization .custom-select-trigger:hover{border-color:var(--jp-border-strong)}.jersey-personalization .custom-select.open .custom-select-trigger{border-color:var(--jp-light-blue);border-bottom-left-radius:0;border-bottom-right-radius:0}.jersey-personalization .custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jersey-personalization .custom-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#00355c80;transition:transform .2s ease;pointer-events:none}.jersey-personalization .custom-select.open .custom-select-arrow{transform:translateY(-50%) rotate(180deg)}.jersey-personalization .custom-select-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--jp-light-blue);border-top:none;border-radius:0 0 var(--jp-radius) var(--jp-radius);max-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease;z-index:100;box-shadow:0 8px 24px #00355c26}.jersey-personalization .custom-select.open .custom-select-options{max-height:280px;overflow-y:auto;opacity:1}.jersey-personalization .custom-select-search{position:sticky;top:0;z-index:1;padding:8px;background:#fff;border-bottom:1px solid var(--jp-border)}.jersey-personalization .custom-select-search-input{width:100%;padding:8px 12px;background:var(--jp-bg-soft);border:1px solid var(--jp-border);border-radius:var(--jp-radius);color:var(--jp-dark);font-size:14px;font-family:inherit;outline:none}.jersey-personalization .custom-select-search-input:focus{border-color:var(--jp-light-blue)}.jersey-personalization .custom-select-option{padding:10px 14px;cursor:pointer;transition:background .1s ease;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,53,92,.08);color:var(--jp-dark);font-size:14px}.jersey-personalization .custom-select-option:last-child{border-bottom:none}.jersey-personalization .custom-select-option:hover{background:var(--jp-bg-soft)}.jersey-personalization .custom-select-option.selected{background:var(--jp-blue);color:#fff}.jersey-personalization .custom-select-option .player-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#00355c1a;color:var(--jp-dark);border-radius:var(--jp-radius);font-weight:700;font-size:14px;flex-shrink:0}.jersey-personalization .custom-select-option.selected .player-number{background:#ffffff40;color:#fff}.jersey-personalization .custom-select-option.selected .player-name{color:#fff}.jersey-personalization .custom-select-option .player-name{font-weight:600}.jersey-personalization .jp-no-players{padding:14px;font-size:13px;color:#00355c99;text-align:center}.jersey-personalization .personalization-inputs{margin-top:12px}.jersey-personalization .input-row{display:flex;gap:10px}.jersey-personalization .input-field{display:flex;flex-direction:column;gap:4px}.jersey-personalization .input-field:first-child{flex:1}.jersey-personalization .input-field:last-child{width:90px;flex-shrink:0}.jersey-personalization .input-label{font-size:11px;font-weight:700;color:#00355c99;text-transform:uppercase;letter-spacing:.5px}.jersey-personalization .jp-input{width:100%;background:#fff;border:1px solid var(--jp-border);border-radius:var(--jp-radius);padding:12px 14px;color:var(--jp-dark);font-size:14px;font-weight:500;transition:all .15s ease;min-height:46px}.jersey-personalization .jp-input:focus{outline:none;border-color:var(--jp-light-blue);box-shadow:0 0 0 2px #3e87bb40}.jersey-personalization .jp-price-note{margin-top:10px;font-size:12px;font-weight:600;color:#00355c99}.jersey-personalization-atc.jp-atc-btn,button.jp-atc-btn{position:relative;z-index:1;overflow:hidden;color:#fff!important;background-color:var(--jp-dark, #00355c)!important;background-image:linear-gradient(88.18deg,#3e87bb -6.88%,#00355c 74.3%)!important;border:1px solid!important;border-radius:16px;min-height:55px;font-size:var(--subtitle-m);line-height:var(--subtitle-m-line-height);transition:.6s ease-out}button.jp-atc-btn:before{content:""!important;display:block!important;position:absolute!important;top:0;right:0;width:0;height:100%;background:linear-gradient(0deg,#033f85,#002e5a)!important;transition:.6s ease-in-out;z-index:-1;pointer-events:none}button.jp-atc-btn:after{display:none!important;content:none!important}button.jp-atc-btn:hover:not(:disabled):before{right:auto;left:0;width:100%}button.jp-atc-btn>*{color:#fff!important}button.jp-atc-btn:disabled{opacity:.5;cursor:not-allowed}.jersey-personalization .jp-hidden{display:none!important}@media(max-width:480px){.jersey-personalization .personalization-tab{font-size:10px;min-height:62px}}.jp-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;container-type:size;display:none;transition:transform .12s ease-out;will-change:transform}.jp-preview-overlay.jp-pv-on{display:block}.jp-preview-overlay .jp-pv-name,.jp-preview-overlay .jp-pv-number{position:absolute;left:0;right:0;text-align:center;font-family:Beachwood Tall Semibold,Beachwood,EVZ Retro Bubble,sans-serif;color:#fff;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.18);-webkit-text-stroke:.04em #3e87bb;paint-order:stroke fill}.jp-preview-overlay.jp-blue-print .jp-pv-name,.jp-preview-overlay.jp-blue-print .jp-pv-number{color:#033f85;-webkit-text-stroke-width:0}.jp-preview-overlay.jp-retro .jp-pv-name,.jp-preview-overlay.jp-retro .jp-pv-number{font-family:EVZ Retro Bubble,sans-serif}.jp-preview-overlay .jp-pv-name{top:var(--jp-name-top, 31.5%);font-size:calc(var(--jp-name-size, 9cqh) * var(--jp-name-fit, 1));text-transform:uppercase;letter-spacing:.01em;transform:translate(var(--jp-name-left, 0px),-50%)}.jp-preview-overlay .jp-pv-number{top:var(--jp-number-top, 56.2%);font-size:var(--jp-number-size, 20cqh);transform:translate(calc(var(--jp-number-left, 0px) + var(--jp-number-optical, 0px)),-50%)}.jp-preview-overlay.jp-pv-thumb .jp-pv-name,.jp-preview-overlay.jp-pv-thumb .jp-pv-number{text-shadow:none;-webkit-text-stroke-width:.03em}.jp-preview-overlay .jp-pv-front-number{top:var(--jp-front-number-top, 33%);font-size:var(--jp-front-number-size, 10cqh);transform:translate(calc(var(--jp-front-number-left, 0px) + var(--jp-number-optical, 0px)),-50%)}.jersey-personalization .custom-select-option.out-of-stock{opacity:.4;pointer-events:none;cursor:not-allowed}.jersey-personalization .custom-select-option .stock-badge,.jersey-personalization .jp-no-players{font-size:12px;color:#b00020}.jersey-personalization .custom-select-option .stock-badge{margin-left:auto;padding-left:8px}.jersey-personalization .jp-custom-error{display:none;margin-top:6px;color:#b00020;font-size:13px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/jersey-personalization.css.map */