#logo-configurator{color-scheme:light;background:var(--color-white);color:var(--color-ink);font-family:Arial,Helvetica,sans-serif;--page-width: calc(100% - 40px) ;--page-max-width: 980px;--control-max-width: 716px;--page-top: clamp(24px, 5vh, 52px);--page-bottom: 40px;--layout-gap: 19px;--picker-gap: 8px;--track-gap: 9px;--mobile-page-top: 28px;--mobile-layout-gap: 15px;--track-padding: 3px;--font-option-gap: 2px;--font-option-padding: 3px 5px;--selected-border-width: 2px;--selected-inset: 0 0 0 1px var(--color-white) inset;--scroll-icon-size: 20px;--username-padding: 0 12px;--field-font-size: 16px;--button-font-size: 15px;--color-white: #fff;--color-ink: #111;--color-text: #15191d;--color-icon: #20252a;--color-blue: #146eb4;--color-blue-dark: #0e5794;--color-button: #FCD403;--color-button-hover: #e8c300;--color-button-border: #d2b100;--color-blue-border: #0d4e89;--color-blue-pale: #f7fbff;--color-focus: #8bc6ff;--color-border: #bfc5cb;--color-border-hover: #737c84;--color-control-border: #d3d7db;--color-control-text: #31373d;--color-control-hover: #f5f6f7;--color-input-hover: #4a5056;--color-border-dark: #858c93;--color-etch: #00aeef;--color-etched-edge: rgba(255, 255, 255, .34);--color-shadow: rgba(0, 0, 0, .52);--radius-control: 4px;--icon-button-width: 58px;--icon-button-height: 56px;--icon-size: 29px;--font-button-width: 112px;--font-button-height: 56px;--font-sample-size: 19px;--font-name-size: 9px;--font-arial-black: "Configurator Arial Black", Arial, sans-serif;--font-signpainter: "Configurator SignPainter", cursive;--font-cocktail-shaker: "Configurator Cocktail Shaker", cursive;--font-ethnocentric: "Configurator Ethnocentric", sans-serif;--font-orbitron: "Configurator Orbitron", sans-serif;--scroll-button-width: 32px;--scroll-button-height: 38px;--field-height: 46px;--cart-button-height: 49px;--preview-shadow-x: 0px;--preview-shadow-y: 0px;--preview-shadow-blur: 6px;--focus-width: 3px;--focus-offset: 2px;--control-border-width: 1px;--etched-edge-width: .55px;--rgb-cycle: 15s;--rgb-span: 2192.126625px;--rgb-red: #ff1744;--rgb-orange: #ff4d00;--rgb-yellow: #ffe600;--rgb-lime: #62f500;--rgb-green: #00d97e;--rgb-cyan: #00d5ff;--rgb-blue: #126cff;--rgb-violet: #8b32ff}#logo-configurator,#logo-configurator *{box-sizing:border-box}#logo-configurator button,#logo-configurator input{font:inherit}div:has(>#logo-configurator){width:100%;min-width:0;max-width:100%}#logo-configurator{container:logo-config-v3 / inline-size;display:flex;min-width:0;max-width:100%;width:min(var(--page-width),var(--page-max-width));margin:var(--page-top) auto var(--page-bottom);flex-direction:column;align-items:center;gap:var(--layout-gap)}#logo-configurator .vector-preview{width:100%}#logo-configurator #sign-preview{display:block;width:100%;height:auto;overflow:visible}#logo-configurator #sign-preview #thru-cut{display:none}#logo-configurator #sign-preview .preview-outline-shadow{fill:var(--color-white)!important;stroke:none!important;filter:url(#preview-silhouette-shadow)}#logo-configurator #sign-preview #shallow-etch path,#logo-configurator #sign-preview g#dynamic-shallow-etch path{fill:none!important;stroke:var(--color-etched-edge)!important;stroke-width:var(--etched-edge-width)!important;stroke-linejoin:round!important;paint-order:stroke fill;vector-effect:non-scaling-stroke}#logo-configurator #sign-preview .dynamic-icon,#logo-configurator #sign-preview .dynamic-logo,#logo-configurator #sign-preview .dynamic-text{fill:var(--color-etch)}#logo-configurator #sign-preview .dynamic-text{fill-rule:nonzero}#logo-configurator #sign-preview .preview-mask-art,#logo-configurator #sign-preview .preview-mask-art *{fill:var(--color-white)!important;fill-opacity:1!important;stroke:none!important}#logo-configurator #sign-preview #preview-rgb-overlay{fill:url(#preview-rgb-flow);pointer-events:none}#logo-configurator #preview-rgb-flow{color-interpolation:sRGB}#logo-configurator #preview-rgb-flow stop:nth-of-type(1){stop-color:var(--rgb-red)}#logo-configurator #preview-rgb-flow stop:nth-of-type(2){stop-color:var(--rgb-orange)}#logo-configurator #preview-rgb-flow stop:nth-of-type(3){stop-color:var(--rgb-yellow)}#logo-configurator #preview-rgb-flow stop:nth-of-type(4){stop-color:var(--rgb-lime)}#logo-configurator #preview-rgb-flow stop:nth-of-type(5){stop-color:var(--rgb-green)}#logo-configurator #preview-rgb-flow stop:nth-of-type(6){stop-color:var(--rgb-cyan)}#logo-configurator #preview-rgb-flow stop:nth-of-type(7){stop-color:var(--rgb-blue)}#logo-configurator #preview-rgb-flow stop:nth-of-type(8){stop-color:var(--rgb-violet)}#logo-configurator #preview-rgb-flow stop:nth-of-type(9){stop-color:var(--rgb-red)}@media(prefers-reduced-motion:reduce){#logo-configurator #sign-preview #preview-rgb-overlay{fill:var(--color-etch)!important}}#logo-configurator .icon-picker{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--picker-gap)}#logo-configurator .icon-track{display:flex;flex:1 1 0;min-width:0;max-width:var(--control-max-width);gap:var(--track-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--track-padding)}#logo-configurator .icon-track::-webkit-scrollbar{display:none}#logo-configurator .icon-option{display:grid;flex:0 0 var(--icon-button-width);width:var(--icon-button-width);height:var(--icon-button-height);place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-icon);cursor:pointer;scroll-snap-align:center}#logo-configurator .icon-option:hover{border-color:var(--color-border-hover)}#logo-configurator .icon-option[aria-checked=true]{border:var(--selected-border-width) solid var(--color-blue);background:var(--color-blue-pale);box-shadow:var(--selected-inset)}#logo-configurator .icon-option:focus-visible,#logo-configurator .scroll-button:focus-visible,#logo-configurator input:focus-visible,#logo-configurator #add-button:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#logo-configurator .icon-option svg{display:block;width:var(--icon-size);height:var(--icon-size);fill:currentColor}#logo-configurator .icon-option svg [fill=none]{fill:none}#logo-configurator .icon-option svg [stroke=currentColor]{stroke:currentColor}#logo-configurator .font-option{display:flex;flex:0 0 var(--font-button-width);width:var(--font-button-width);height:var(--font-button-height);flex-direction:column;align-items:center;justify-content:center;gap:var(--font-option-gap);padding:var(--font-option-padding);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-icon);cursor:pointer;scroll-snap-align:center}#logo-configurator .font-option:hover{border-color:var(--color-border-hover)}#logo-configurator .font-option[aria-checked=true]{border:var(--selected-border-width) solid var(--color-blue);background:var(--color-blue-pale);box-shadow:var(--selected-inset)}#logo-configurator .font-option:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#logo-configurator .font-sample{font-size:var(--font-sample-size);line-height:1;white-space:nowrap}#logo-configurator .font-name{font:600 var(--font-name-size)/1 Arial,Helvetica,sans-serif}#logo-configurator .font-option[data-font=arial-black] .font-sample{font-family:var(--font-arial-black)}#logo-configurator .font-option[data-font=signpainter] .font-sample{font-family:var(--font-signpainter)}#logo-configurator .font-option[data-font=cocktail-shaker] .font-sample{font-family:var(--font-cocktail-shaker)}#logo-configurator .font-option[data-font=ethnocentric] .font-sample{font-family:var(--font-ethnocentric)}#logo-configurator .font-option[data-font=orbitron-bold] .font-sample{font-family:var(--font-orbitron)}#logo-configurator .scroll-button{display:grid;flex:0 0 var(--scroll-button-width);width:var(--scroll-button-width);height:var(--scroll-button-height);place-items:center;padding:0;border:var(--control-border-width) solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-control-text);cursor:pointer}#logo-configurator .scroll-button:hover{background:var(--color-control-hover)}#logo-configurator .scroll-button svg{width:var(--scroll-icon-size);height:var(--scroll-icon-size);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#logo-configurator .logo-upload-control,#logo-configurator #username{display:block;width:min(100%,var(--control-max-width));height:var(--field-height);padding:var(--username-padding);border:var(--control-border-width) solid var(--color-border-dark);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-white);font-size:var(--field-font-size)}#logo-configurator .logo-upload-control:hover,#logo-configurator #username:hover{border-color:var(--color-input-hover)}#logo-configurator .text-input-group{display:flex;width:min(100%,var(--control-max-width));flex-direction:column;align-items:stretch;gap:6px}#logo-configurator .logo-upload-control{position:relative;display:flex;width:min(100%,var(--control-max-width));height:var(--field-height);align-items:center;justify-content:space-between;gap:12px;padding:var(--username-padding);border:var(--control-border-width) solid var(--color-border-dark);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-white);cursor:pointer;font-size:var(--field-font-size)}#logo-configurator .logo-upload-control:focus-within{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#logo-configurator .logo-upload-control input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:0;margin:0;opacity:0;cursor:pointer}#logo-configurator .logo-upload-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737c84}#logo-configurator .logo-upload-action{flex:0 0 auto;color:var(--color-blue);font-size:14px;font-weight:700}#logo-configurator .logo-has-art .logo-upload-name{color:var(--color-text)}#logo-configurator .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#logo-configurator #add-button{width:min(100%,var(--control-max-width));min-height:var(--cart-button-height);border:var(--control-border-width) solid var(--color-button-border);border-radius:var(--radius-control);background:var(--color-button);color:var(--color-ink);font-size:var(--button-font-size);font-weight:700;cursor:pointer}#logo-configurator #add-button:hover{background:var(--color-button-hover)}#logo-configurator .logo-config-v3-form{display:flex;min-width:0;max-width:100%;width:100%;flex-direction:column;align-items:center;gap:var(--layout-gap)}@media(max-width:580px){#logo-configurator{--page-width: calc(100% - 28px) ;--page-top: var(--mobile-page-top);--layout-gap: var(--mobile-layout-gap);--picker-gap: 5px;--track-gap: 8px;--icon-button-width: 55px;--icon-button-height: 53px;--scroll-button-width: 30px;--font-button-width: 104px;--font-button-height: 53px;--font-sample-size: 18px}#logo-configurator .icon-track{width:calc(100% - 74px)}}@container logo-config-v3 (max-width: 580px){#logo-configurator .logo-config-v3-form{--layout-gap: var(--mobile-layout-gap);--picker-gap: 5px;--track-gap: 8px;--icon-button-width: 55px;--icon-button-height: 53px;--scroll-button-width: 30px;--font-button-width: 104px;--font-button-height: 53px;--font-sample-size: 18px}#logo-configurator .logo-config-v3-form .icon-track{width:calc(100% - 74px)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/logo-config-v3-styles.css.map */