kit-customization-widget{display:block}.kcw-widget-section{background-color:var(--kcw-bg)}@media(max-width:749px){.kcw-widget-section{padding:0;overflow:hidden}}.kcw__section{color:var(--kcw-text);width:100%;overflow:hidden}.kcw__container{display:flex;height:fit-content;flex-direction:column;gap:var(--gap-l);padding:var(--padding-xl) var(--padding-xl);overflow:hidden;background:var(--kcw-bg);border-radius:var(--radius-2xl);max-width:1280px}@media(min-width:1280px){.kcw__container{margin:0 auto}}@media(min-width:1600px){.kcw__container{padding:var(--padding-xl) var(--padding-8xl)}.kcw__body{gap:var(--gap-4xl)}}.kcw__header{text-align:left}.kcw__title{font:var(--condensed-text-l-bold);text-align:center;text-transform:uppercase;color:var(--kcw-text);margin:0}@media(max-width:749px){.kcw__title{font:var(--condensed-text-l-bold)}}.kcw__body{display:flex;flex-direction:row;align-items:center;gap:var(--gap-xl)}.kcw__image-container,.kcw__options{flex:1}.kcw__image-container{position:relative}.kcw__gradient-layer{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;width:800px;aspect-ratio:1;opacity:.3;background:radial-gradient(circle 400px at center,var(--kcw-bg-color) 50%,var(--kcw-bg-color-end) 100%)}.kcw__image{width:100%;border-radius:8px;object-fit:cover;overflow:hidden;display:flex;position:relative;z-index:1;max-width:600px;margin:auto}.kcw__image img{width:100%;height:auto;border-radius:8px;object-fit:cover}.kcw__kits{display:flex;flex-direction:row;gap:16px}.kcw__selector--kit{border-radius:var(--radius-s);padding:0;border:none;width:48px;height:fit-content;cursor:pointer}.kcw__selector--kit,.kcw__selector-option{background-color:var(--kcw-selector-bg);color:var(--kcw-selector-text)}.kcw__selector--kit.selected,.kcw__selector-option.selected:not(.disabled){background-color:var(--kcw-selector-active-bg);color:var(--kcw-selector-active-text)}.kcw__selector-option.disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed;pointer-events:none}.kcw__selector--kit img{width:100%;height:auto;border-radius:var(--radius-s)}.kcw__competition-options{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;max-width:100%;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.kcw__competition-radio{display:none}.kcw__competition-badge{display:flex;align-items:center;border-radius:50px;white-space:nowrap;transition:background-color .2s ease}.kcw__competition-badge svg{width:20px;height:20px;margin-right:5px}.kcw__competition-name{font-size:14px}.kcw__options{min-width:0;width:650px;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--gap-m);max-width:750px}.kcw__option-title{font:var(--normal-text-m-regular);font-size:13px;color:var(--kcw-text);opacity:.8;margin:0;text-transform:uppercase}@media(max-width:749px){.kcw__option-title{font:var(--normal-text-s-regular)}}.kcw__selector-options-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap-2xs);max-width:100%}.kcw__selector-option{display:flex;align-items:center;padding:var(--padding-1xs) var(--padding-m);white-space:nowrap;gap:var(--gap-3xs);border-radius:var(--radius-round)}.kcw__selector-option:has(input[type=radio]:focus-visible){outline:2px solid #000;outline-offset:4px}.kcw__selector-option input[type=radio]{pointer-events:none;clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}*{-webkit-tap-highlight-color:transparent}.kcw__option-radio{display:none}.kcw__selector-group{display:flex;gap:var(--gap-2xs);flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;max-width:100%;-webkit-overflow-scrolling:touch}.kcw__competition-label{cursor:pointer;padding:8px 12px;display:flex;flex-shrink:0}.kcw__selector-group--kits{display:flex;gap:var(--gap-xs);overflow-x:auto;padding-bottom:4px}.kcw__selector-group--kits::-webkit-scrollbar{height:4px}.kcw__selector-group--kits::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.kcw__selector-group[data-kcw-selector-group]{display:flex;gap:var(--gap-2xs);flex-wrap:nowrap;overflow-x:auto}.kcw__selector-group[data-kcw-selector-group]::-webkit-scrollbar{height:3px}.kcw__selector-group[data-kcw-selector-group]::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.kcw__tabs{z-index:0;flex-wrap:nowrap;display:inline-flex;width:100%;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);background:var(--kcw-selector-bg);border-radius:var(--radius-round);margin-bottom:8px;border:none;padding:0}.kcw__tab{-webkit-appearance:none;appearance:none;font:var(--normal-text-m-regular);cursor:pointer;width:50%;background-color:transparent;border:none;border-radius:var(--radius-round);position:relative;height:36px;color:var(--dark-blue, #181733);z-index:1;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.kcw__tab:only-child{width:100%}.kcw__tab.active{color:var(--kcw-selector-active-text)}.kcw__tab.active:before{content:"";width:100%;height:100%;z-index:-1;border-radius:var(--radius-round);position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--kcw-selector-active-bg);background-color:var(--kcw-selector-active-bg);box-shadow:0 0 0 1px var(--kcw-selector-active-bg)}.kcw__tab[data-tab=custom].active:before{animation:slideright .3s cubic-bezier(.25,1,.5,1)}.kcw__tab[data-tab=player].active:before{animation:slideleft .3s cubic-bezier(.25,1,.5,1)}@keyframes slideright{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideleft{0%{transform:translate(100%)}to{transform:translate(0)}}.kcw__totals{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.kcw__subtotal-label,.kcw__subtotal-price{font:var(--normal-text-l-bold)}.kcw__add-to-cart-form{margin:0}.kcw__add-to-cart-button{width:100%}.kcw__add-to-cart-button:hover{background-color:var(--kcw-button-hover-bg);color:var(--kcw-button-hover-text)}.kcw__competition-options::-webkit-scrollbar,.kcw__selector-group::-webkit-scrollbar{height:4px}.kcw__competition-options::-webkit-scrollbar-track,.kcw__selector-group::-webkit-scrollbar-track{background:transparent}.kcw__competition-options::-webkit-scrollbar-thumb,.kcw__selector-group::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.kcw__competition-options::-webkit-scrollbar-thumb:hover,.kcw__selector-group::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media screen and (max-width:749px){.kcw__section{padding:0;overflow:hidden;background:var(--kcw-bg)!important}.kcw__container{gap:0;height:100%;display:flex;flex-direction:column;padding:0;max-width:100vw;min-height:430px;padding-block:var(--padding-l)}.kcw__header{padding:var(--padding-s);text-align:center}.kcw__body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;gap:10px}.kcw__image-container{flex-shrink:0;width:100%;height:250px;max-height:250px;overflow:hidden;position:relative;z-index:5;padding:0;display:flex;align-items:center;justify-content:center;min-height:250px;margin:-10px 0}.kcw__image{width:100%;height:100%;margin:0;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.kcw__image img{max-width:55%;max-height:100%;width:auto;height:auto;min-height:250px}.kcw__image canvas{position:absolute!important;max-width:55%!important;max-height:100%!important;width:auto!important;height:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;pointer-events:none;min-height:100%}.kcw__gradient-layer{position:absolute;width:200%;max-width:100vw;top:50%;left:50%;transform:translate(-50%,-50%);display:block!important;background:radial-gradient(circle,var(--kcw-bg-color) 0%,rgba(17,16,36,0) 50%);z-index:0;opacity:.4;pointer-events:none}.kcw__totals{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;margin:0;background:transparent;border:none}.kcw__options{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;-webkit-overflow-scrolling:touch;min-height:0;display:flex;flex-direction:column;gap:var(--gap-xs);width:100vw}.kcw__kits-container,.kcw__variant-container,.kcw__quality-container,.kcw__size-container,.kcw__customization-wrapper,.kcw__competition-container{flex-shrink:0}.kcw__option-container{padding:8px 16px;flex-shrink:0}.kcw__customization-wrapper{padding:6px 16px;overflow:visible}@media(max-width:749px){.kcw__tabs{max-width:100%}}.kcw__customization-wrapper .kcw__tab{height:32px;padding:0 6px}.kcw__customization-wrapper .kcw__inputs-grid{gap:var(--gap-2xs)}.kcw__option-header{margin-bottom:4px}.kcw__selector-group{flex-wrap:wrap;gap:var(--gap-2xs)}.kcw__selector-group--kits{flex-wrap:nowrap;overflow-x:auto;touch-action:pan-x}.kcw__selector--kit{width:36px;height:48px}.kcw__selector--kit img{width:100%;height:100%;object-fit:contain}.kcw__tab{font-size:13px;height:34px;padding:0 8px}.kcw__inputs-grid{gap:var(--gap-xs)}.kcw__input-text,.kcw__select{padding:8px 10px;font-size:16px;height:44px}.kcw__competition-options{flex-wrap:nowrap;overflow-x:auto;gap:var(--gap-2xs);touch-action:pan-x}.kcw__competition-label{padding:6px 10px;font-size:11px}.kcw__footer{flex-shrink:0;width:100%;z-index:5;display:flex;flex-direction:column;gap:var(--gap-s)}}@media screen and (min-width:500px)and (max-width:749px){.kcw__gradient-layer{width:420px;height:420px;background:radial-gradient(circle 190px at center,var(--kcw-bg-color) 50%,#11102400 100%)}}.kcw__size-container{animation:fadeIn .3s ease}.kcw__size-option{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;font:var(--normal-text-s-regular);justify-content:center;width:50px;max-width:none;min-width:50px;border:1px solid var(--kcw-input-border);color:var(--kcw-selector-text);border-radius:var(--radius-s);height:2rem;max-height:2rem;min-height:2rem;overflow:clip}.kcw__size-input{position:absolute;opacity:0;pointer-events:none}.kcw__size-option.disabled{cursor:not-allowed;opacity:.5}.kcw__size-option.disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--disabled) 50%,transparent calc(50% + 1px));border-radius:inherit;pointer-events:none;z-index:2}.kcw__loading-sizes{grid-column:1 / -1;text-align:center;font-size:14px;color:#ccc;font-style:italic;padding:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.kcw__size-option.selected{background:var(--kcw-input-border);color:var(--kcw-selector-active-text)}.kcw__size-container{transition:opacity .2s ease}.kcw__size-container.loading{opacity:.6;pointer-events:none;cursor:wait}#kcw-size-selector-grid{display:flex;flex-wrap:nowrap;gap:var(--gap-xs);overflow-x:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}.kcw__tab-content{display:none;padding:var(--padding-2xs) 0}.kcw__tab-content.active{display:block;animation:fadeIn .3s ease}.kcw__select,.kcw__input-text{border:1px solid var(--kcw-input-border);font:var(--normal-text-m-regular);font-size:16px;color:var(--kcw-input-text);width:100%;height:54px;padding:var(--padding-xs) var(--padding-m);text-transform:uppercase;background-color:transparent}.kcw__select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23181733' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:24px;padding-right:3rem}.kcw__inputs-grid{display:flex;gap:12px}.kcw__input-group{position:relative;flex:1}.kcw__input-label{position:absolute;top:0;left:12px;transform:translateY(-50%);background:#fff;padding:0 4px;font:var(--normal-text-xs-bold, 700 10px "Arial");color:var(--dark-blue, #181733);text-transform:uppercase;border-radius:4px}#kcw-player-number{text-align:left}kit-customization-widget .kcw__input-text,kit-customization-widget input:not([type=checkbox],[type=radio]).kcw__input-text{transition:all .3s ease}kit-customization-widget .kcw__input-text:focus,kit-customization-widget input:not([type=checkbox],[type=radio]).kcw__input-text:focus{border-color:var(--kcw-input-active-border)!important;outline:none}kit-customization-widget .kcw__input-text::placeholder{color:var(--kcw-input-text);opacity:.4;text-transform:uppercase}.kcw__input-label{font:var(--normal-text-xs-bold);color:var(--kcw-input-text);background-color:var(--kcw-bg);border-radius:var(--radius-s);padding:0 var(--padding-2xs);position:absolute;top:0;left:0;transform:translate(8px,-50%)}#kcw-player-select{background-color:transparent;border:1px solid var(--kcw-input-border);color:var(--kcw-input-text);-webkit-appearance:none;appearance:none}#kcw-player-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='currentColor' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}#kcw-player-select option{background-color:#1a1939;color:#fff}.kcw__option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kcw__skeleton{background:#ffffff1a;border-radius:4px;animation:kcw-pulse 1.5s infinite}.kcw__skeleton-circle{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:inline-block}.kcw__skeleton-text{height:14px;width:80px;background:#ffffff1a;border-radius:4px;display:inline-block}.kcw__loading-placeholder{display:flex;gap:10px;padding:10px 0;overflow:hidden}.kcw__loading-item{display:flex;align-items:center;gap:var(--gap-xs);background:#ffffff0d;padding:8px 16px;border-radius:50px;border:1px solid #ffffff0d}@keyframes kcw-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.kcw__size-container.has-error{border:2px solid var(--error);border-radius:8px;padding:16px}.kcw__size-container.has-error .kcw__option-title{color:var(--error)}.kcw__size-error-message{display:none;color:var(--error);font-size:14px;font-weight:500;margin-top:8px;text-align:left}.kcw__size-container.has-error .kcw__size-error-message{display:block}
/*# sourceMappingURL=/cdn/shop/t/322/assets/kit-customization-widget.css.map */