.configurator-section{padding-top:32px;padding-bottom:40px}@media(max-width: 768px){.configurator-section{padding-top:32px;padding-bottom:32px}}@media(max-width: 480px){.configurator-section{padding-top:16px;padding-bottom:16px}}.configurator-section .section-title{font-size:40px;font-weight:700;color:#0b3e68;margin-bottom:32px}@media(max-width: 768px){.configurator-section .section-title{font-size:24px}}@media(max-width: 480px){.configurator-section .section-title{font-size:18px}}.configurator-section .conf-nav-wrapper{overflow:auto}.configurator-section .conf-nav-wrapper .conf-nav{display:flex;gap:16px;min-width:min-content}.configurator-section .conf-nav-wrapper .conf-nav .conf-nav-item{background:#d6e4f0;color:#0b3e68;padding:8px 16px;border-radius:50px;border:0;outline:0;cursor:pointer;font-size:16px;font-weight:500;transition:.4s;white-space:nowrap}.configurator-section .conf-nav-wrapper .conf-nav .conf-nav-item.active,.configurator-section .conf-nav-wrapper .conf-nav .conf-nav-item:hover{background:#0b3e68;color:#d6e4f0}@media(max-width: 580px){.configurator-section .conf-nav-wrapper{width:calc(100% + 24px);margin-right:-24px;padding-right:24px;scrollbar-width:none}.configurator-section .conf-nav-wrapper::-webkit-scrollbar{display:none}}.configurator-section .conf-panels{max-width:1316px;width:calc(100% - 48px);margin-left:auto;margin-right:auto;padding-top:64px;padding-bottom:64px}.configurator-section .conf-panels .conf-panel-inner{display:flex;justify-content:space-between;overflow:hidden;align-items:flex-start}.configurator-section .conf-panels .conf-panel-inner .conf-left{flex-basis:calc(100% - 480px)}.configurator-section .conf-panels .conf-panel-inner .conf-left .toggle-panel{background:rgba(0,0,0,0);border:0;padding:0;outline:0;cursor:pointer;font-size:16px}.configurator-section .conf-panels .conf-panel-inner .conf-left .toggle-panel svg{transition:.2s;width:26px;height:26px}.configurator-section .conf-panels .conf-panel-inner .conf-left .toggle-panel.active svg{transform:rotate(-180deg);transition:.2s}@media(min-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-left .toggle-panel{display:none}}@media(max-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-left .parent{margin-bottom:24px}.configurator-section .conf-panels .conf-panel-inner .conf-left .parent .toggle-content{display:none}.configurator-section .conf-panels .conf-panel-inner .conf-left .parent .toggle-colors{display:none}.configurator-section .conf-panels .conf-panel-inner .conf-left .parent .mix-progress{display:none}.configurator-section .conf-panels .conf-panel-inner .conf-left .parent.active .toggle-content{display:block}.configurator-section .conf-panels .conf-panel-inner .conf-left .parent.active .mix-progress{display:block}.configurator-section .conf-panels .conf-panel-inner .conf-left .parent.active .toggle-colors{display:flex}}.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row{display:block;margin-bottom:16px;margin-top:32px}.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row p{margin-bottom:4px}.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row .mix-progress{position:relative;flex-basis:calc(100% - 240px);border-radius:20px;background:#d6e4f0;max-width:240px;padding:0 8px;height:16px;overflow:hidden}@media(max-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row .mix-progress{flex-basis:100%;max-width:100%}}.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row .mix-progress .mix-progress-value{position:absolute;top:50%;left:8px;transform:translatey(-50%);font-size:12px;font-weight:700;color:#0b3e68}.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row .mix-progress .mix-progress-fill{position:absolute;top:0;left:0;height:100%;width:50%;background:#09abf3;border-radius:20px}@media(max-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-left .header-row h3{flex-basis:100%}}.configurator-section .conf-panels .conf-panel-inner .conf-left h3{font-size:24px;font-weight:600;color:#0b3e68;margin-bottom:16px}@media(max-width: 768px){.configurator-section .conf-panels .conf-panel-inner .conf-left h3{font-size:20px}}@media(max-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-left h3{display:flex;align-items:center;justify-content:space-between;gap:0 8px;border-bottom:solid 1px #dbe5eb;padding-bottom:16px;margin-bottom:24px}.configurator-section .conf-panels .conf-panel-inner .conf-left h3 button{margin-left:auto}}@media(max-width: 480px){.configurator-section .conf-panels .conf-panel-inner .conf-left h3{font-size:18px}}.configurator-section .conf-panels .conf-panel-inner .conf-left .size-buttons,.configurator-section .conf-panels .conf-panel-inner .conf-left .mixes-grid,.configurator-section .conf-panels .conf-panel-inner .conf-left .colors-grid{margin-bottom:32px;border-bottom:solid 1px #dbe5eb;padding-bottom:32px}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-section{margin-bottom:32px;border-bottom:solid 1px #dbe5eb;padding-bottom:32px}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-section h4{font-size:16px;font-weight:600;color:#0b3e68;margin-bottom:16px}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-grid .picker-item{flex:1;max-width:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,0);border-radius:8px;padding:2px;background:rgba(0,0,0,0)}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-grid .picker-item button{outline:0;padding:4px;margin:0;background:rgba(0,0,0,0);display:block;border:0;cursor:pointer;width:100%;height:100%;overflow:hidden}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-grid .picker-item button span{display:block;height:56px;width:74px;border-radius:8px 8px 0 0}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-grid .picker-item.active{border:2px solid #09abf3;background:#d6e4f0;background:linear-gradient(180deg, rgb(214, 228, 240) 0%, rgba(214, 228, 240, 0) 100%)}.configurator-section .conf-panels .conf-panel-inner .conf-left .picker-grid .picker-item .ral-code{font-size:12px;font-weight:400;color:#0b3e68;margin-top:4px;display:block}.configurator-section .conf-panels .conf-panel-inner .conf-right{flex-basis:420px;position:relative;overflow:hidden;border-radius:20px 20px 0 0}.configurator-section .conf-panels .conf-panel-inner .conf-right img{margin-bottom:-8px;position:relative;z-index:11}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-preview-wrapper{position:relative;overflow:hidden}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-preview-wrapper svg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.configurator-section .conf-panels .conf-panel-inner .conf-right .granule-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat;background-size:52px}.configurator-section .conf-panels .conf-panel-inner .conf-right .mixer-preview{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.configurator-section .conf-panels .conf-panel-inner .conf-right .mixer-preview .granule-layer{width:100%;height:100%;pointer-events:none}.configurator-section .conf-panels .conf-panel-inner .conf-right .nike-grid-preview{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:33%;background-position:center;background-repeat:repeat;opacity:.7}.configurator-section .conf-panels .conf-panel-inner .conf-right .nike-grid-preview.zoomed{background-size:20%;z-index:10;opacity:.2}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-zoom{background:#d6e4f0;color:#0b3e68;padding:8px 16px;border-radius:50px;border:0;outline:0;cursor:pointer;font-size:16px;font-weight:600;transition:.3s;display:flex;align-items:center;justify-content:center;gap:0 8px;position:absolute;top:24px;left:24px;z-index:22}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-zoom:hover{background:#0b3e68;color:#d6e4f0}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-zoom:hover svg path{stroke:#d6e4f0}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-zoom svg path{transition:.3s}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-footer{padding:32px 18px;background:#d6e4f0;background:linear-gradient(180deg, rgb(214, 228, 240) 0%, rgba(214, 228, 240, 0) 100%)}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-footer .conf-right-footer-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-footer .conf-right-footer-buttons button.blue:hover{border-color:#fe5634}.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-footer .conf-right-footer-buttons button.blue:hover svg path{fill:unset;stroke:#fe5634;transition:.4s}@media(max-width: 880px){.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-footer{margin-top:16px;border-radius:20px}}@media(max-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-right .conf-right-footer .primary-button{width:100%}}.configurator-section .conf-panels .conf-panel-inner .conf-right button.disabled{opacity:.5;cursor:not-allowed}.configurator-section .conf-panels .conf-panel-inner .conf-right button.download-button:hover svg path{fill:#fe5634 !important}.configurator-section .conf-panels .conf-panel-inner .conf-right img{width:100%}@media(max-width: 520px){.configurator-section .conf-panels .conf-panel-inner .conf-right img{aspect-ratio:4/3;object-position:bottom;object-fit:cover}}@media(max-width: 880px){.configurator-section .conf-panels .conf-panel-inner{flex-wrap:wrap}.configurator-section .conf-panels .conf-panel-inner .conf-left{flex-basis:100%;margin-bottom:32px}.configurator-section .conf-panels .conf-panel-inner .conf-right{flex-basis:100%}}.configurator-section .conf-panel{display:none}.configurator-section .conf-panel.active{display:block}.configurator-section .conf-panel p{font-size:16px;font-weight:400;color:#0b3e68;margin-bottom:16px;margin-top:16px}.configurator-section .conf-panel .toggle-colors{display:flex;gap:16px;flex-wrap:wrap}.configurator-section .conf-panel .toggle-colors button{background:#d6e4f0;color:#0b3e68;padding:8px 16px;border-radius:50px;border:0;outline:0;cursor:pointer;font-size:16px;font-weight:500;transition:.4s}.configurator-section .conf-panel .toggle-colors button.active,.configurator-section .conf-panel .toggle-colors button:hover{background:#0b3e68;color:#d6e4f0}.configurator-section .conf-panel .colors-grid{display:flex;flex-wrap:wrap;width:100%;margin-left:0;margin-top:24px}.configurator-section .conf-panel .colors-grid .color-item{flex-basis:94px;border:solid 2px rgba(0,0,0,0);background:rgba(0,0,0,0);outline:0;padding:0;cursor:pointer;text-align:left;transition:.4s;padding:8px;border-radius:8px}.configurator-section .conf-panel .colors-grid .color-item.active{border:2px solid #09abf3;background:#d6e4f0;background:linear-gradient(180deg, rgb(214, 228, 240) 0%, rgba(214, 228, 240, 0) 100%)}.configurator-section .conf-panel .colors-grid .color-item img{width:100%;height:56px;min-width:80px;object-fit:cover;border-radius:8px 8px 0 0}.configurator-section .conf-panel .colors-grid .ral-code{font-size:16px;font-weight:700;color:#0b3e68;margin-top:4px;display:block}.configurator-section .conf-panel .colors-grid .label{font-size:12px;font-weight:400;color:#0b3e68}.configurator-section .conf-panel .info-row{border-bottom:solid 1px #dbe5eb;padding-bottom:32px;margin-bottom:32px}.configurator-section .conf-panel .info-row:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}@media(max-width: 520px){.configurator-section .conf-panel .info-row.has-toggle .nike-grid-section{display:none}.configurator-section .conf-panel .info-row.has-toggle.active .nike-grid-section{display:flex}}.configurator-section .conf-panel .info-row h4{font-size:24px;font-weight:600;color:#0b3e68;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:0 8px}@media(min-width: 520px){.configurator-section .conf-panel .info-row h4 button{display:none}}.configurator-section .conf-panel .info-row p{font-size:16px;font-weight:400;color:#0b3e68;margin-bottom:0}.configurator-section .conf-panel .info-row label{display:flex;align-items:center;justify-content:flex-end;flex-direction:row-reverse;margin-right:auto;gap:0 8px;font-size:16px;font-weight:400;color:#0b3e68;margin-top:16px}.configurator-section .conf-panel .info-row .nike-grid-section{display:flex;align-items:center;justify-content:center;gap:0 16px;margin-top:24px}@media(max-width: 520px){.configurator-section .conf-panel .info-row .nike-grid-section{align-items:flex-start;gap:0}}.configurator-section .conf-panel .info-row .nike-grid-section img{width:100%;height:100%;object-fit:cover;max-width:80px;max-height:80px}.configurator-section .conf-panel .info-row .nike-grid-section .nike-grid-description{margin-left:24px}.configurator-section .conf-panel .info-row .nike-grid-section .nike-grid-description p{font-size:16px;font-weight:400;color:#0b3e68;margin-bottom:0;margin-top:0}.configurator-section .conf-panel .info-row .nike-grid-section .nike-grid-description a{color:#fe5634;text-decoration:none;font-size:16px;font-weight:400;margin-top:8px;display:inline-block}.configurator-section .conf-panel .size-buttons{display:flex;gap:16px;flex-wrap:wrap}.configurator-section .conf-panel .size-buttons button{background:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);color:#0b3e68;padding:16px 24px;border-radius:8px;transition:.4s;text-align:center}.configurator-section .conf-panel .size-buttons button span.size-value{font-size:16px;font-weight:600;display:block}.configurator-section .conf-panel .size-buttons button span.small{font-size:12px;font-weight:400;display:block}.configurator-section .conf-panel .size-buttons button.active,.configurator-section .conf-panel .size-buttons button:hover{background:#d6e4f0;background:linear-gradient(180deg, rgb(214, 228, 240) 0%, rgba(214, 228, 240, 0) 100%);border-color:#09abf3}.configurator-section .conf-panel .mixes-grid{display:flex;flex-wrap:wrap;width:100%}.configurator-section .conf-panel .mixes-grid .mix-item{flex-basis:90px;margin:7px}.configurator-section .conf-panel .mixes-grid .mix-item .mix-swatch{width:100%;height:32px;border-radius:8px 8px 0 0}.configurator-section .conf-panel .mixes-grid .mix-item .mix-controls{display:flex;align-items:center;justify-content:center;gap:0 4px;background:#d6e4f0;border-radius:0 0 8px 8px;font-weight:600;padding:4px;font-size:12px}.configurator-section .conf-panel .mixes-grid .mix-item .mix-controls .mix-value{color:#0b3e68;font-weight:700;min-width:24px;text-align:center}.configurator-section .conf-panel .mixes-grid .mix-item .mix-controls button{background:rgba(0,0,0,0);border:solid 1px #0b3e68;color:#0b3e68;padding:0;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;transition:.4s}.configurator-section .conf-panel .mixes-grid .mix-item .mix-controls button:hover{background:#0b3e68;color:#d6e4f0}.configurator-section .conf-panel .mixes-grid .mix-item .mix-label{font-size:12px;font-weight:400;color:#0b3e68;margin-top:4px;margin-bottom:0}.configurator-section .conf-panel .sub-panel{display:none}.configurator-section .conf-panel .sub-panel.active{display:block}input#input_2_9{pointer-events:none}