.gpx-configurator{--gpx-accent: #FC4C02;--gpx-black: #111;--gpx-white: #fff;--gpx-border: #e0e0e0;--gpx-muted: #888;--gpx-gray: #f5f5f5;--gpx-min-h: 90vh;font-family:Inter,Arial,sans-serif;color:var(--gpx-black);background:var(--gpx-white);position:relative;min-height:var(--gpx-min-h);overflow:hidden;box-sizing:border-box;width:100%}.gpx-configurator *,.gpx-configurator *:before,.gpx-configurator *:after{box-sizing:border-box}.gpx-configurator button{font-family:inherit;color:inherit}.gpx-configurator input,.gpx-configurator textarea{font-family:inherit}.gpx-hidden{display:none!important}.gpx-configurator-anchor{display:block;position:relative;top:calc(-1 * var(--header-height, 96px));visibility:hidden}.gpx-screen{display:none;min-height:var(--gpx-min-h)}.gpx-screen.is-visible{display:flex}.gpx-screen--upload{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:72px 20px;overflow:hidden;background:linear-gradient(135deg,#111111fa,#2a1611fa 62%,#761e0bf0),#111}.gpx-screen--upload:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(255 255 255 / .06) 0 1px,transparent 1px),linear-gradient(180deg,rgb(255 255 255 / .05) 0 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.gpx-screen--upload>*{position:relative;z-index:1}.gpx-upload-title{max-width:720px;font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-size:4rem;font-weight:800;letter-spacing:0;line-height:.98;text-align:center;color:#fff}.gpx-upload-sub{max-width:560px;font-size:16px;color:#ffffffb8;text-align:center;line-height:1.6;margin-top:-10px}.gpx-product-context{display:grid;gap:7px;width:min(560px,100%);padding:16px 18px;border:1px solid rgb(255 255 255 / .16);border-radius:8px;background:#ffffff14;color:#fff;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.gpx-product-context[hidden]{display:none}.gpx-product-context span{color:var(--gpx-accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.gpx-product-context strong{font-size:17px;line-height:1.25}.gpx-product-context small{color:#ffffffad;font-size:12px;line-height:1.45}.gpx-product-context.is-warning{border-color:#ff431575;background:#ff43151f}.gpx-preset-routes{display:grid;gap:18px;width:min(760px,100%)}.gpx-preset-routes__head{display:grid;gap:7px;text-align:center;color:#fff}.gpx-preset-routes__head span{color:var(--gpx-accent);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.gpx-preset-routes__head strong{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-size:2.45rem;font-weight:800;line-height:1;letter-spacing:0}.gpx-preset-routes__head small{max-width:560px;justify-self:center;color:#ffffffb8;font-size:13px;line-height:1.5}.gpx-preset-routes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gpx-preset-route{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:86px;padding:17px 18px;border:1px solid rgb(255 255 255 / .14);border-radius:8px;background:linear-gradient(145deg,#fffffff5,#fffaf7eb),#fff;box-shadow:0 18px 52px #0000002e;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.gpx-preset-route:hover:not(:disabled),.gpx-preset-route:focus-visible{border-color:var(--gpx-accent);box-shadow:0 22px 62px #0000003d;transform:translateY(-1px)}.gpx-preset-route:disabled{cursor:not-allowed;opacity:.58}.gpx-preset-route.is-loading{pointer-events:none;opacity:.72}.gpx-preset-route__copy{display:grid;gap:5px;min-width:0}.gpx-preset-route__copy strong{font-size:16px;font-weight:800;line-height:1.2}.gpx-preset-route__copy small{color:#777;font-size:12px;line-height:1.4}.gpx-preset-route__cta{color:var(--gpx-accent);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap}.gpx-preset-upload-fallback{justify-self:center;padding:10px 16px;border:1px solid rgb(255 255 255 / .24);border-radius:999px;background:#ffffff14;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}.gpx-preset-upload-fallback:hover{border-color:var(--gpx-accent);color:var(--gpx-accent)}.gpx-upload-zone{display:block;border:1px dashed rgb(255 67 21 / .52);border-radius:8px;padding:54px 64px;text-align:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s;max-width:560px;width:100%;background:linear-gradient(145deg,#fffffff5,#fffaf7eb),#fff;box-shadow:0 26px 80px #00000038}.gpx-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gpx-upload-zone:hover,.gpx-upload-zone.is-over{border-color:var(--gpx-accent);background:linear-gradient(145deg,#fff,#fff4ef),#fff}.gpx-upload-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid rgb(255 67 21 / .22);border-radius:999px;background:#ff431514;font-size:34px;color:var(--gpx-accent);margin-bottom:18px}.gpx-upload-main{display:block;font-size:18px;font-weight:800;margin-bottom:8px}.gpx-upload-hint{display:block;font-size:13px;color:#777;line-height:1.5}.gpx-upload-error{font-size:13px;color:#c00;background:#fff0f0;border-left:3px solid #c00;padding:10px 14px;max-width:560px;width:100%}.gpx-screen--map{flex-direction:row;position:relative}.gpx-map{flex:1;min-height:var(--gpx-min-h)}.gpx-side-panel{width:240px;min-width:240px;background:var(--gpx-white);border-left:1px solid var(--gpx-border);padding:24px 20px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;max-height:var(--gpx-min-h)}.gpx-panel-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#999;font-weight:700}.gpx-panel-desc{font-size:12px;color:#555;line-height:1.6;margin:-10px 0 0}.gpx-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gpx-btn-size{padding:11px 8px;background:var(--gpx-accent);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}.gpx-btn-size:hover:not(:disabled){background:#d93d00}.gpx-btn-size:disabled{opacity:.35;cursor:not-allowed}.gpx-divider{border:none;border-top:1px solid var(--gpx-border);margin:0}.gpx-radius-wrap{display:flex;flex-direction:column;gap:8px}.gpx-slider-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gpx-muted);font-weight:700}.gpx-slider-val{font-size:28px;font-weight:700}.gpx-slider-val span{font-size:13px;font-weight:400;color:var(--gpx-muted)}.gpx-configurator input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;background:var(--gpx-border);border-radius:3px;outline:none;cursor:pointer}.gpx-configurator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gpx-accent);border:3px solid #fff;box-shadow:0 0 0 2px var(--gpx-accent);cursor:pointer}.gpx-configurator input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gpx-accent);border:3px solid #fff;box-shadow:0 0 0 2px var(--gpx-accent);cursor:pointer}.gpx-range-ends{display:flex;justify-content:space-between;font-size:11px;color:#bbb}.gpx-info-section{display:flex;flex-direction:column;gap:10px}.gpx-info-row{font-size:13px;color:#444}.gpx-info-row strong{color:var(--gpx-black)}.gpx-btn-next{width:100%;padding:12px;background:var(--gpx-accent);color:#fff;border:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .15s}.gpx-btn-next:hover{background:#d93d00}.gpx-btn-reset{width:100%;padding:11px;background:var(--gpx-white);color:var(--gpx-black);border:2px solid var(--gpx-black);font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .15s}.gpx-btn-reset:hover{background:var(--gpx-black);color:#fff}.gpx-privacy{font-size:10px;color:#bbb;line-height:1.5}.gpx-cdn-warning{position:absolute;bottom:16px;left:16px;background:#fffbe6;border:1px solid #f0c040;padding:10px 14px;font-size:12px;color:#7a5f00;max-width:280px;z-index:999}.gpx-screen--poster{flex-direction:row}.gpx-poster-preview{flex:1;background:#c8c8c8;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;position:relative;min-height:var(--gpx-min-h)}.gpx-poster-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#bbb 1px,transparent 1px);background-size:22px 22px;opacity:.35}.gpx-poster-preview canvas{position:relative;z-index:1;box-shadow:0 16px 56px #0006;max-height:calc(var(--gpx-min-h) - 56px);max-width:100%;display:block}.gpx-poster-panel{width:280px;min-width:280px;background:var(--gpx-white);border-left:1px solid var(--gpx-border);padding:20px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:var(--gpx-min-h)}.gpx-cfg-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#aaa;font-weight:700;margin-bottom:6px;display:block}.gpx-theme-row{display:flex;gap:6px}.gpx-theme-btn{flex:1;padding:12px 8px;border:1.5px solid var(--gpx-border);font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;text-transform:uppercase;text-align:center;background:var(--gpx-white);color:var(--gpx-black);transition:border-color .15s}.gpx-theme-btn.is-active{border-color:var(--gpx-accent);color:var(--gpx-accent)}.gpx-theme-swatch{display:block;width:100%;height:14px;margin-bottom:5px;border-radius:1px}.gpx-frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gpx-chip-btn{padding:8px 6px;border:1.5px solid var(--gpx-border);font-size:10px;font-weight:700;letter-spacing:.8px;cursor:pointer;text-transform:uppercase;background:var(--gpx-white);color:var(--gpx-black);transition:border-color .15s;display:flex;align-items:center;gap:6px}.gpx-chip-btn.is-active{border-color:var(--gpx-accent);color:var(--gpx-accent)}.gpx-chip-swatch{display:inline-block;width:14px;height:14px;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.gpx-font-combobox,.gpx-font-select{position:relative}.gpx-font-input{padding-right:38px;font-weight:700}.gpx-font-toggle{position:absolute;top:1px;right:1px;width:34px;height:calc(100% - 2px);border:none;border-left:1px solid var(--gpx-border);background:var(--gpx-white);cursor:pointer}.gpx-font-toggle:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:2px solid #777;border-bottom:2px solid #777;transform:translate(-50%,-65%) rotate(45deg)}.gpx-font-toggle:hover:before{border-color:var(--gpx-accent)}.has-fixed-product-font .gpx-font-input{padding-right:12px;cursor:default;color:var(--gpx-black);background:#f7f7f7}.has-fixed-product-font .gpx-font-toggle,.has-fixed-product-font .gpx-font-options{display:none}.gpx-font-options{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;max-height:246px;overflow-y:auto;border:1.5px solid var(--gpx-border);background:var(--gpx-white);box-shadow:0 16px 34px #00000029}.gpx-font-option{display:block;width:100%;min-height:36px;padding:9px 10px;border:none;background:var(--gpx-white);color:var(--gpx-black);font-size:12px;font-weight:700;text-align:left;cursor:pointer}.gpx-font-option:hover,.gpx-font-option.is-active{background:#fff4ef;color:var(--gpx-accent)}.gpx-font-option.is-selected{box-shadow:inset 3px 0 0 var(--gpx-accent)}.gpx-font-option:disabled{cursor:default;color:#999}.gpx-color-stack{display:flex;flex-direction:column;gap:8px}.gpx-color-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:10px;color:#777;letter-spacing:.5px}.gpx-color-row input[type=color]{width:48px;height:36px;border:1.5px solid var(--gpx-border);padding:2px;cursor:pointer;background:var(--gpx-white)}.gpx-color-hex{font-size:11px;color:#999}.gpx-field-stack{display:flex;flex-direction:column;gap:8px}.gpx-field{display:flex;flex-direction:column;gap:3px}.gpx-field-label{font-size:10px;color:#999;letter-spacing:.5px}.gpx-input{width:100%;padding:8px 10px;border:1.5px solid var(--gpx-border);font-size:12px;outline:none;transition:border-color .15s;color:var(--gpx-black);background:var(--gpx-white)}.gpx-input:focus{border-color:var(--gpx-accent)}.gpx-input.is-invalid{border-color:#c00;box-shadow:0 0 0 1px #c00 inset}.gpx-input::placeholder{color:#bbb}textarea.gpx-input{resize:vertical}.gpx-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gpx-poster-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px}.gpx-btn-send{width:100%;padding:13px;background:var(--gpx-accent);color:#fff;border:none;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .15s}.gpx-btn-send:hover:not(:disabled){background:#d93d00}.gpx-btn-send:disabled{opacity:.5;cursor:not-allowed}.gpx-btn-back{width:100%;padding:10px;background:var(--gpx-white);color:var(--gpx-black);border:2px solid var(--gpx-black);font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .15s}.gpx-btn-back:hover{background:var(--gpx-black);color:#fff}.gpx-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;align-items:center;justify-content:center;padding:16px}.gpx-modal.is-visible{display:flex}.gpx-modal-box{background:#fff;padding:32px 28px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;position:relative;max-height:90vh;overflow-y:auto}.gpx-modal-title{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.gpx-modal-sub{font-size:12px;color:#666;margin-top:-6px}.gpx-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:#888;line-height:1}.gpx-modal-close:hover{color:#111}.gpx-modal-form{display:flex;flex-direction:column;gap:14px;margin:0}.gpx-msg{font-size:13px;padding:10px 12px;display:none}.gpx-msg--success{background:#efffef;color:#276627;border-left:3px solid #4caf50;display:block}.gpx-msg--error{background:#fff0f0;color:#a00;border-left:3px solid #c00;display:block}@media(max-width:900px){.gpx-configurator{--gpx-min-h: auto;min-height:0;overflow:visible}.gpx-screen,.gpx-screen--map,.gpx-screen--poster{min-height:0}.gpx-screen--map.is-visible,.gpx-screen--poster.is-visible{flex-direction:column}.gpx-map{height:60vh;min-height:320px}.gpx-side-panel,.gpx-poster-panel{width:100%;min-width:0;max-height:none;border-left:none;border-top:1px solid var(--gpx-border)}.gpx-poster-preview{min-height:60vh;padding:16px}.gpx-poster-preview canvas{max-height:70vh;max-width:100%}.gpx-screen--upload{padding:56px 18px}.gpx-upload-title{font-size:3rem}.gpx-upload-zone{padding:32px 20px}.gpx-preset-routes__grid{grid-template-columns:1fr}.gpx-preset-routes__head strong{font-size:2rem}}@media(max-width:480px){.gpx-upload-title{font-size:2.35rem}.gpx-frame-grid{grid-template-columns:1fr}.gpx-preset-route{grid-template-columns:1fr;gap:10px}.gpx-preset-route__cta{white-space:normal}}@media(prefers-reduced-motion:reduce){.gpx-configurator *,.gpx-configurator *:before,.gpx-configurator *:after{transition:none!important}}.gpx-map .leaflet-control-attribution{background:#ffffffd9!important;font-size:11px!important;display:block!important;color:#333!important}.gpx-map .leaflet-control-attribution a{color:#06c!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gpx-configurator.css.map */