.player-pack-ordering{--ppo-accent: #111111;--ppo-border: rgba(17,17,17,.14);--ppo-muted: #686868;width:100%;max-width:1180px;margin:0 auto;padding:42px 24px 72px;color:#111}.player-pack-ordering *{box-sizing:border-box}.player-pack-ordering__loading,.player-pack-ordering__notice,.player-pack-ordering__error{padding:20px;border:1px solid var(--ppo-border);border-radius:8px;background:#f7f7f5}.player-pack-ordering__error{border-color:#b42318;color:#8a1c12}.player-pack-ordering__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:24px;border-bottom:4px solid var(--ppo-accent)}.player-pack-ordering__eyebrow,.player-pack-ordering__label{margin:0 0 6px;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player-pack-ordering__header h1{margin:0;font-size:clamp(32px,5vw,58px);line-height:.98}.player-pack-ordering__subhead{margin:10px 0 0;color:var(--ppo-muted)}.player-pack-ordering__meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.player-pack-ordering__pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--ppo-border);border-radius:999px;font-size:12px;font-weight:700}.player-pack-ordering__preview{margin:18px 0 0;padding:14px 16px;border-left:4px solid var(--ppo-accent);background:color-mix(in srgb,var(--ppo-accent) 8%,white);font-size:14px}.player-pack-ordering__messages{display:grid;gap:10px;margin:22px 0}.player-pack-ordering__message{margin:0;padding:14px 16px;background:#f5f5f2;border-radius:6px}.player-pack-ordering__players{display:grid;gap:18px;margin-top:28px}.player-pack-ordering__player{border:1px solid var(--ppo-border);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 16px #00000009}.player-pack-ordering__player-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#f5f5f2;border-bottom:1px solid var(--ppo-border)}.player-pack-ordering__player-head h2{margin:0;font-size:21px}.player-pack-ordering__remove{-webkit-appearance:none;appearance:none;border:1px solid var(--ppo-border);background:#fff;border-radius:6px;min-height:36px;padding:7px 12px;cursor:pointer;font:inherit;font-weight:700}.player-pack-ordering__body{padding:20px;display:grid;gap:22px}.player-pack-ordering__section{display:grid;gap:12px}.player-pack-ordering__section h3{margin:0;font-size:16px}.player-pack-ordering__help{margin:0;color:var(--ppo-muted);font-size:13px}.player-pack-ordering__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-pack-ordering__field{display:grid;gap:6px}.player-pack-ordering__field>span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.player-pack-ordering input,.player-pack-ordering select{width:100%;min-height:46px;border:1px solid #bbb;border-radius:6px;background:#fff;padding:0 12px;color:#111;font:inherit}.player-pack-ordering input:focus,.player-pack-ordering select:focus{outline:2px solid color-mix(in srgb,var(--ppo-accent) 35%,transparent);border-color:var(--ppo-accent)}.player-pack-ordering__component-list{display:grid;gap:10px}.player-pack-ordering__component{display:grid;grid-template-columns:90px minmax(180px,1fr) minmax(180px,.8fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--ppo-border);border-radius:8px}.player-pack-ordering__component-image{width:90px;height:90px;display:grid;place-items:center;background:#f5f5f2;border-radius:6px;overflow:hidden}.player-pack-ordering__component-image img{width:100%;height:100%;object-fit:contain}.player-pack-ordering__component-copy{min-width:0}.player-pack-ordering__component-copy strong{display:block;font-size:16px}.player-pack-ordering__component-copy small{display:block;margin-top:4px;color:var(--ppo-muted)}.player-pack-ordering__component-price{font-weight:800}.player-pack-ordering__player-total{display:flex;justify-content:flex-end;gap:10px;align-items:baseline;padding-top:4px;font-weight:700}.player-pack-ordering__player-total strong{font-size:23px}.player-pack-ordering__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px}.player-pack-ordering__button{-webkit-appearance:none;appearance:none;min-height:48px;padding:0 20px;border-radius:6px;border:1px solid #111;background:#111;color:#fff;cursor:pointer;font:inherit;font-weight:800}.player-pack-ordering__button--secondary{background:#fff;color:#111}.player-pack-ordering__button:disabled{opacity:.45;cursor:not-allowed}.player-pack-ordering__status{min-height:22px;margin:0;color:var(--ppo-muted);font-size:13px}.player-pack-ordering__grand-total{margin-left:auto;display:flex;align-items:baseline;gap:10px}.player-pack-ordering__grand-total strong{font-size:28px}.player-pack-ordering__number-note{margin:4px 0 0;color:var(--ppo-muted);font-size:12px}.player-pack-ordering__sold{color:#8a1c12}@media(max-width:760px){.player-pack-ordering{padding:28px 14px 52px}.player-pack-ordering__header{grid-template-columns:1fr}.player-pack-ordering__meta{justify-content:flex-start}.player-pack-ordering__grid{grid-template-columns:1fr}.player-pack-ordering__component{grid-template-columns:70px minmax(0,1fr)}.player-pack-ordering__component-image{width:70px;height:70px}.player-pack-ordering__component .player-pack-ordering__field{grid-column:1 / -1}.player-pack-ordering__actions{align-items:stretch}.player-pack-ordering__button{width:100%}.player-pack-ordering__grand-total{width:100%;justify-content:space-between}}.product-info__player-pack-builder .player-pack-ordering--embedded{max-width:none;margin:0;padding:0;color:inherit}.product-info__player-pack-builder .player-pack-ordering__header{grid-template-columns:1fr;gap:14px;align-items:start}.product-info__player-pack-builder .player-pack-ordering__header h1{font-size:clamp(28px,3.2vw,44px)}.product-info__player-pack-builder .player-pack-ordering__meta{justify-content:flex-start}.product-info__player-pack-builder .player-pack-ordering__component{grid-template-columns:72px minmax(0,1fr)}.product-info__player-pack-builder .player-pack-ordering__component-image{width:72px;height:72px}.product-info__player-pack-builder .player-pack-ordering__component .player-pack-ordering__field{grid-column:1 / -1}.product-info__player-pack-builder .player-pack-ordering__grid{grid-template-columns:1fr}.product-info__player-pack-builder .player-pack-ordering__actions{align-items:stretch}.product-info__player-pack-builder .player-pack-ordering__button{width:100%}.product-info__player-pack-builder .player-pack-ordering__grand-total{width:100%;justify-content:space-between}@media screen and (min-width:1400px){.product-info__player-pack-builder .player-pack-ordering__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.player-pack-ordering__player-eyebrow{margin:0;color:var(--ppo-accent);font-size:12px;font-weight:800;letter-spacing:.14em;line-height:1.2}.player-pack-ordering__section-heading{display:grid;gap:3px}.player-pack-ordering__section-heading h3{margin:0;font-size:16px}.player-pack-ordering__section-heading p,.player-pack-ordering__choice-status{margin:0;color:var(--ppo-muted);font-size:13px;line-height:1.45}.player-pack-ordering__profile-choices,.player-pack-ordering__choice-row{display:flex;flex-wrap:wrap;gap:8px}.player-pack-ordering__profile-choice,.player-pack-ordering__choice{-webkit-appearance:none;appearance:none;min-height:44px;padding:9px 14px;border:1px solid rgba(0,0,0,.24);border-radius:6px;background:#fff;color:inherit;font:inherit;font-size:14px;font-weight:750;line-height:1.2;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.player-pack-ordering__choice{min-width:58px;display:inline-grid;place-items:center;text-align:center;font-weight:800}.player-pack-ordering__profile-choice:hover:not(:disabled),.player-pack-ordering__choice:hover:not(:disabled){border-color:var(--ppo-accent)}.player-pack-ordering__profile-choice.is-selected,.player-pack-ordering__choice.is-selected{border-color:var(--ppo-accent);background:var(--ppo-accent);color:#fff}.player-pack-ordering__profile-choice--new{border-style:dashed}.player-pack-ordering__profile-choice:focus-visible,.player-pack-ordering__choice:focus-visible{outline:2px solid var(--ppo-accent);outline-offset:2px}.player-pack-ordering__profile-choice:disabled{cursor:not-allowed}.player-pack-ordering__profile-choice-name,.player-pack-ordering__profile-choice-meta{display:block}.player-pack-ordering__profile-choice-meta{margin-top:5px;font-size:10px;font-weight:850;line-height:1.25;letter-spacing:.055em;text-transform:uppercase;opacity:.72}.player-pack-ordering__profile-choice.is-pack-ordered,.player-pack-ordering__profile-choice.is-pack-in-cart{border-color:#00000021;background:#0000000b;color:#0000008f;opacity:1}.player-pack-ordering__profile-choice.is-pack-ordered .player-pack-ordering__profile-choice-name,.player-pack-ordering__profile-choice.is-pack-in-cart .player-pack-ordering__profile-choice-name{text-decoration:line-through;text-decoration-thickness:1.5px}.player-pack-ordering__profile-details{margin-top:4px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.player-pack-ordering select:disabled,.player-pack-ordering input:disabled{background:#00000006;color:color-mix(in srgb,var(--ppo-accent) 55%,#777);cursor:not-allowed}.player-pack-ordering__component-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.player-pack-ordering__component,.product-info__player-pack-builder .player-pack-ordering__component{display:block;padding:0;border:0;border-radius:0;background:transparent}.player-pack-ordering__component .player-pack-ordering__field,.product-info__player-pack-builder .player-pack-ordering__component .player-pack-ordering__field{grid-column:auto}.player-pack-ordering__size-label{font-size:14px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important}.player-pack-ordering__selected-price{display:block;margin-top:5px;color:var(--ppo-muted);font-size:12px;font-weight:700}.player-pack-ordering__countdown{position:relative;display:grid;gap:14px;margin:18px 0 0;padding:20px;border-radius:10px;background:var(--ppo-accent);color:#fff;overflow:hidden}.player-pack-ordering__countdown:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,#ffffff17,#fff0 48%)}.player-pack-ordering__countdown>*{position:relative;z-index:1}.player-pack-ordering__countdown-heading{margin:0;color:inherit;font-size:12px;font-weight:900;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.player-pack-ordering__countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.player-pack-ordering__countdown-grid[hidden]{display:none}.player-pack-ordering__countdown-unit{display:grid;place-items:center;gap:5px;min-width:0;padding:12px 8px 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff1c;text-align:center}.player-pack-ordering__countdown-unit strong{font-size:clamp(26px,4vw,38px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:.95}.player-pack-ordering__countdown-unit span{font-size:9px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;opacity:.78}.player-pack-ordering__countdown-note{margin:0;color:inherit;font-size:12px;line-height:1.35;opacity:.82}.player-pack-ordering__countdown.is-closed{gap:6px}.player-pack-ordering__countdown.is-closed .player-pack-ordering__countdown-heading{font-size:16px}.product-info__player-pack-builder .player-pack-ordering__component-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (max-width:760px){.player-pack-ordering__component-list,.product-info__player-pack-builder .player-pack-ordering__component-list{grid-template-columns:1fr}}@media screen and (max-width:600px){.player-pack-ordering__profile-choices{display:grid;grid-template-columns:1fr}.player-pack-ordering__profile-choice{width:100%}}@media screen and (max-width:420px){.player-pack-ordering__countdown{padding:16px}.player-pack-ordering__countdown-grid{gap:5px}.player-pack-ordering__countdown-unit{padding:10px 4px 9px}.player-pack-ordering__countdown-unit strong{font-size:23px}.player-pack-ordering__countdown-unit span{font-size:8px;letter-spacing:.08em}}.player-pack-ordering__number-picker{display:grid;gap:10px}.player-pack-ordering__number-trigger{width:100%;min-height:48px;padding:10px 16px;border:1px solid var(--ppo-accent);border-radius:6px;background:transparent;color:var(--ppo-accent);font:inherit;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease}.player-pack-ordering__number-trigger:not(:disabled):hover{background:var(--ppo-accent);color:#fff}.player-pack-ordering__number-trigger:disabled{opacity:.4;cursor:not-allowed}.player-pack-ordering__number-trigger[hidden]{display:none}.player-pack-ordering__number-selected{display:grid;grid-template-columns:auto 58px 1fr;align-items:center;gap:14px;min-height:0;padding:10px 14px;border:1px solid var(--ppo-accent);border-radius:8px}.player-pack-ordering__number-selected[hidden]{display:none}.player-pack-ordering__number-selected-heading{display:grid;gap:1px;color:var(--ppo-accent);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.15}.player-pack-ordering__number-selected-heading strong{font-size:12px;font-weight:800}.player-pack-ordering__number-selected-box{display:grid;place-items:center;width:58px;height:48px;border-radius:6px;background:var(--ppo-accent);color:#fff}.player-pack-ordering__number-selected-box strong{font-size:22px;font-weight:800;line-height:1}.player-pack-ordering__number-selected-change{justify-self:end;-webkit-appearance:none;appearance:none;padding:6px 0;border:0;background:transparent;color:var(--ppo-accent);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}.player-pack-ordering__number-selected-change:disabled{opacity:.4;cursor:not-allowed}.player-pack-ordering__number-dialog{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:12px;background:#fff;color:#111;overflow:hidden;box-shadow:0 20px 60px #00000047}.player-pack-ordering__number-dialog::backdrop{background:#0000009e}.player-pack-ordering__number-dialog-panel{display:grid;gap:20px;max-height:calc(100dvh - 24px);padding:22px;overflow-y:auto}.player-pack-ordering__number-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.player-pack-ordering__number-dialog-header h4{margin:4px 0 0;font-size:24px;line-height:1.1}.player-pack-ordering__number-dialog-header p:last-child{margin:5px 0 0;font-size:13px;opacity:.65}.player-pack-ordering__number-dialog-close{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.player-pack-ordering__number-dialog-close span{position:relative;display:block;width:16px;height:16px;font-size:0}.player-pack-ordering__number-dialog-close span:before,.player-pack-ordering__number-dialog-close span:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:currentColor;border-radius:2px;transform-origin:center}.player-pack-ordering__number-dialog-close span:before{transform:translate(-50%,-50%) rotate(45deg)}.player-pack-ordering__number-dialog-close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.player-pack-ordering__number-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.player-pack-ordering__number{-webkit-appearance:none;appearance:none;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;border:1px solid rgba(0,0,0,.2);border-radius:5px;background:#fff;color:#111;font:inherit;font-size:16px;font-weight:800;line-height:1;cursor:pointer}.player-pack-ordering__number:not(:disabled):hover{border-color:var(--ppo-accent)}.player-pack-ordering__number.is-selected{border-color:var(--ppo-accent);background:var(--ppo-accent);color:#fff}.player-pack-ordering__number.is-unavailable,.player-pack-ordering__number:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}@media screen and (max-width:749px){.player-pack-ordering__number-dialog-panel{padding:16px}.player-pack-ordering__number-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}}@media screen and (max-width:420px){.player-pack-ordering__number-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.player-pack-ordering__number-selected{grid-template-columns:auto 52px 1fr;gap:10px}.player-pack-ordering__number-selected-box{width:52px;height:46px}}.player-pack-ordering__section--optional{background:color-mix(in srgb,var(--ppo-accent) 4%,#fff);margin:0 -20px -20px;padding:20px;border-top:1px solid var(--ppo-border)}.player-pack-ordering__addon-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--ppo-border);border-radius:8px;background:#fff}.player-pack-ordering__addon-callout p{margin:0;color:var(--ppo-muted);font-size:13px}.player-pack-ordering__addon-trigger{-webkit-appearance:none;appearance:none;flex:0 0 auto;min-height:42px;padding:8px 14px;border:1px solid var(--ppo-accent);border-radius:6px;background:var(--ppo-accent);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.player-pack-ordering__addon-dialog{width:min(880px,calc(100vw - 24px));max-width:880px;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:12px;background:#fff;color:#111;overflow:hidden;box-shadow:0 20px 60px #00000047}.player-pack-ordering__addon-dialog::backdrop{background:#0000009e}.player-pack-ordering__addon-dialog-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;max-height:calc(100dvh - 24px)}.player-pack-ordering__addon-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--ppo-border)}.player-pack-ordering__addon-dialog-header h4{margin:4px 0 0;font-size:24px;line-height:1.1}.player-pack-ordering__addon-dialog-header p:last-child{margin:6px 0 0;color:var(--ppo-muted);font-size:13px}.player-pack-ordering__addon-dialog-close{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.player-pack-ordering__addon-dialog-close span{font-size:26px;line-height:1;transform:translateY(-1px)}.player-pack-ordering__addon-products{display:grid;gap:0;overflow-y:auto}.player-pack-ordering__addon-row{display:grid;grid-template-columns:86px minmax(150px,1fr) minmax(260px,1fr) auto;gap:16px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--ppo-border)}.player-pack-ordering__addon-media{display:grid;place-items:center;width:86px;height:86px;border-radius:7px;background:#f5f5f2;overflow:hidden}.player-pack-ordering__addon-media img{width:100%;height:100%;object-fit:contain}.player-pack-ordering__addon-copy{min-width:0}.player-pack-ordering__addon-type{margin:0 0 5px!important;color:var(--ppo-accent)!important;font-size:9px!important;font-weight:850;letter-spacing:.08em}.player-pack-ordering__addon-copy h5{margin:0;font-size:16px}.player-pack-ordering__addon-copy>p:last-child:not(.player-pack-ordering__addon-type){margin:5px 0 0;color:var(--ppo-muted);font-size:12px}.player-pack-ordering__addon-controls{display:grid;grid-template-columns:minmax(150px,1fr) 88px;gap:10px}.player-pack-ordering__addon-qty input{text-align:center}.player-pack-ordering__addon-price{min-width:74px;text-align:right;font-size:14px}.player-pack-ordering__addon-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-top:1px solid var(--ppo-border);background:#f7f7f5}.player-pack-ordering__addon-dialog-total{display:grid;gap:2px}.player-pack-ordering__addon-dialog-total strong{font-size:13px}.player-pack-ordering__addon-dialog-total span{font-size:20px;font-weight:850}.player-pack-ordering__addon-dialog-actions{display:flex;gap:8px}.player-pack-ordering__addon-dialog-actions .player-pack-ordering__button{width:auto;min-height:42px}.player-pack-ordering__addon-error{min-height:0;margin:0;padding:0 22px 16px;color:#a51d1d;font-size:13px;font-weight:700}@media screen and (max-width:760px){.player-pack-ordering__addon-callout{align-items:stretch;flex-direction:column}.player-pack-ordering__addon-trigger{width:100%}.player-pack-ordering__addon-row{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:14px 16px}.player-pack-ordering__addon-media{width:70px;height:70px}.player-pack-ordering__addon-controls,.player-pack-ordering__addon-price{grid-column:1 / -1}.player-pack-ordering__addon-controls{grid-template-columns:minmax(0,1fr) 82px}.player-pack-ordering__addon-price{text-align:left}.player-pack-ordering__addon-dialog-header,.player-pack-ordering__addon-dialog-footer{padding:16px}.player-pack-ordering__addon-dialog-footer{align-items:stretch;flex-direction:column}.player-pack-ordering__addon-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.player-pack-ordering__addon-dialog-actions .player-pack-ordering__button{width:100%}.player-pack-ordering__addon-error{padding:0 16px 14px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/player-pack-ordering.css.map */