p:first-child{margin-top:0}.open-menu{display:none}#kit,#preview{cursor:crosshair}input[type="range"]{width:100%}.toggleable{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.toggleable.disabled{display:none}#preview{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;overflow:hidden}.main-page{overflow:hidden}.tab{height:100%;padding:20px;position:relative;overflow-y:auto;display:block}#tab_1{display:flex;flex-direction:column}.tab.text{overflow-y:auto;margin-top:-10px}.tab_control{overflow-x:auto;white-space:nowrap;font-size:0;padding:0;flex-shrink:0;margin-top:20px;margin-left:20px;position:relative}.tab_control>li,.camera-select>li{display:inline-block;background:#ddd;cursor:pointer;padding:10px;font-size:16px}.tab_control>li.active,.camera-select li.active{background:#ccc}.tab_control a{text-decoration:none}.camera-select{margin:0;padding:0;position:absolute;z-index:1;white-space:nowrap;overflow-x:auto;display:flex}.how-to-list>li{margin:5px 0}.email-button,.email-button:visited,.email-button:link,.email-button:hover{display:inline-block;background:#dc0014;padding:6px;color:#fff;text-decoration:none;border-radius:5px}.load-font{font-family:"Roboto";color:#fff}.extra_designs_colors [disabled],#settings input[disabled]{opacity:.2}@font-face{font-family:"Roboto";src:url("font/Roboto-Black.ttf")}#color_picker_container{position:fixed;display:none;width:100%;height:100%;left:0;top:0;padding-top:200px;justify-content:center;align-items:flex-start;z-index:20}.color_picker_inner{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.35);padding:10px}.color_picker_header{padding:10px 0;font-weight:bold;display:flex;align-items:center;justify-content:center}.color_picker_pick_color_container{display:flex;justify-content:center}#pick_color{background:0;cursor:initial;padding:5px;margin-left:5px}#pick_color:hover{background-color:#dcdee7}.linked_input{background:0;border:0;margin:0 10px;padding:0;font-size:15px}.template-credits{font-size:15px;margin-top:5px;display:none}.template-header{position:relative;margin-bottom:10px}.template-selector{margin-bottom:15px}.template-credits a{font-weight:bold;text-decoration:none;border-bottom:1px solid #ccc}.template-credits a:hover{border-color:#303030}#settings h4{font-weight:bold;font-size:16px;margin:0 0 5px}#ps3-kits canvas{margin:0 15px 15px 0}.camera-select select,.camera-select label{border:0;background:#ddd;margin-right:5px;padding:5px;cursor:pointer;font-size:16px}.camera-select label{cursor:pointer;position:relative}.camera-select label>select{cursor:pointer;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.camera-select .checkmark-container{margin-top:0;margin-bottom:0}fieldset>legend{font-weight:bold;vertical-align:middle;line-height:24px;cursor:pointer}fieldset>legend:before{content:"- "}fieldset.collapsed>legend:before{content:"+ "}fieldset.collapsed{height:30px;overflow:hidden}.collapser{font-weight:bold}.collapsed-container{display:none}.filter-extra-img{opacity:.5;width:20px;cursor:pointer;vertical-align:middle;margin-left:5px}.filter-extra-img.active{opacity:initial}body{margin-top:0}.pes-master-kit-creator{display:none}.kit-creator-container{background-color:#fff;display:flex;position:absolute;top:40px;left:0;right:0;bottom:0}.settings-container{flex:20%;background-color:#e4e5eb;height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-sections{overflow-y:auto}.settings-container>h1{font-size:0;padding:10px 20px}.settings-container>h1 svg{width:150px;fill:#000}.settings-section:not(.collapsed)>.settings-section-header{background-color:#b2b7c6}.settings-section-header{cursor:pointer;padding:10px 20px;margin:0;transition:background-color 50ms ease-in-out;font-size:17px}.settings-section-header:hover{background-color:#d3d6df}.settings-section>.settings-subsection{display:block;height:auto;padding-left:20px;padding-right:20px}.settings-section.collapsed>.settings-subsection{display:none}.main_preview{flex:80%;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.sample-color-preview{pointer-events:none;width:130px;height:130px;position:absolute;display:flex;border-radius:50%;overflow:hidden;align-items:center;justify-content:center;-moz-user-select:none;-webkit-user-select:none;border:1px solid #000}#sample-color-preview-canvas{image-rendering:-moz-crisp-edges;image-rendering:pixelated;width:130px;height:130px}.sample-color-preview-center{position:absolute;border:1px solid #fff;width:10px;height:10px;z-index:5}.ad{margin-left:20px}#kit{max-width:100%;max-height:100%}.header{max-width:initial;margin-left:20px;margin-right:20px}.settings-item-toggle{width:24px;height:24px;margin-right:10px;background-color:#d3d6df;border:1px solid #41444e;cursor:pointer}.settings-item-toggle:not(.disabled){background-image:url(/graphics/icons/eye_64.png);background-size:80%;background-position:center;background-repeat:no-repeat}.settings-item{display:flex;margin:10px 0}.select-container{flex-direction:column;align-items:flex-start;margin:20px 0}.select-container>label{margin-bottom:5px}.select-container>select{width:140px}.settings-item-template{margin:15px 0}.settings-item-template:last-child{margin-bottom:0}.faux-color-input>input[type="color"]{display:none}.faux-color-input{width:24px;height:24px;margin-right:10px;cursor:pointer;border:1px solid #41444e}.settings-item-toggle[disabled],.faux-color-input[disabled],.faux-color-input.disabled{opacity:.2;cursor:initial}.faux-color-input:not(:last-child){margin-bottom:2px}.flex-center{display:flex;align-items:center}input.template_selector_filter{padding:5px;width:160px;border:0;margin:0;background-color:#ececec;margin-right:20px}.filter-extra-container{display:flex}.filter-extra-reset{cursor:pointer;align-self:stretch;background-color:#fff;padding-right:5px;padding-right:5px;line-height:1;font-size:20px}.settings-container select{border:2px solid #b2b7c9;border-radius:5px;background-color:#d6d9e4;font-size:14px;padding:3px;font-weight:bold}.header-section .button{background:#fff;color:#000}.settings-container select:hover{border-color:#5c6890}.quickrecolor-buttons .button{border:2px solid transparent;box-sizing:border-box;font-size:14px;padding:5px}.button.secondary{background-color:transparent;border-color:#dcdee7}.button.secondary:hover{border-color:#b2b7c6}.header-section{padding:20px;text-align:center;background-color:#32374e;position:sticky;top:0;z-index:5}.header-section .button-container{margin:-5px;display:flex;flex-wrap:wrap;justify-content:center}.header-section .button{border:0;margin:5px}.header-section .button:hover{background-color:#e9ebf1}.header-section .save-as-new{background-color:#31354c;color:#fff;border:2px solid rgba(255,255,255,0.5)}.header-section .save-as-new:hover{background-color:#474c69}.toast{position:fixed;bottom:50px;display:flex;justify-content:center;width:100%;visibility:hidden;opacity:0;transition:visibility 0s,opacity 300ms linear}.toast.fade-out{transition:visibility 0s linear 300ms,opacity 300ms}.toast.visible{visibility:visible;opacity:1}.toast-content{background-color:#191919;color:#fff;padding:20px 50px}.error>.toast-content{background-color:#ab}.dd-button{display:inline-block;position:relative;font-weight:bold;margin:5px}.dd-button button{border:0;background:0;font-weight:bold;font-size:14px;cursor:pointer;height:30px;padding:8px 14px}.dd-button button:hover{background-color:#e9ebf1}.dd-button-visible{background-color:#fff;border-radius:16px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.dd-button.open .dd-button-visible{border-bottom-left-radius:0;border-bottom-right-radius:0}.dd-button-primary{flex-grow:1;text-align:left}.dd-button-switch{align-self:stretch;display:flex;align-items:center;padding-left:0 !important}.dd-button-switch svg{width:16px;height:16px;opacity:.8;margin:0}.dd-button-hidden{flex-direction:column;display:none;position:absolute;left:0;right:0;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;align-items:flex-start;border-top:1px solid #b2b7c6;overflow:hidden;box-shadow:0 3px 5px -2px rgb(0 0 0 / 50%)}.dd-button.open .dd-button-hidden{display:flex}.dd-button button:not(.dd-button-switch){width:100%;flex-grow:1;text-align:left}a#download-button{display:flex;align-items:center;text-decoration:none}span.sk-button-saving,span.sk-button-save,span.sk-button-update,span.sk-button-update-saving{display:flex;align-items:center}.sk-button-saving svg,.sk-button-save svg,span.sk-button-update svg,span.sk-button-update-saving svg{width:16px;height:16px;opacity:.8}button svg,button img{width:16px;height:16px}button svg:last-child,button img:last-child{margin:0}.slidecontainer{max-width:100%;width:500px;margin-bottom:10px}.slidecontainer label{margin-bottom:8px;margin-top:15px}.slidecontainer input.indicator{padding:0;background:0;border:0;font-size:100%;width:50px}.slidecontainer input.indicator:focus,input.indicator:hover{background-color:#fff}.slide-indicator{font-weight:bold}.slider{-webkit-appearance:none;background:transparent;width:100%;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;margin:5px 0}.slider:hover{opacity:1}.slider::-webkit-slider-runnable-track{width:100%;height:15px;cursor:pointer;background:#d3d6df;border-radius:5px;border:0}.slider::-moz-range-track{width:100%;height:15px;cursor:pointer;background:#d3d6df;border-radius:5px;border:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#9198ae;cursor:pointer;margin-top:-5px}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#9198ae;cursor:pointer}.checkmark-container{display:flex;flex-direction:row-reverse;justify-content:flex-end;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:5px 0;align-items:center}.checkmark-container.color-checkmark-container{cursor:initial;flex-direction:row;justify-content:flex-start;align-items:flex-start}.checkmark-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;margin-right:5px;height:20px;width:20px;background-color:#d3d6df}.checkmark-container:hover input ~ .checkmark{background-color:#b2b7c6}.checkmark-container input:checked ~ .checkmark{background-color:#b2b7c6}.checkmark:after{content:"";position:absolute;display:none}.checkmark-container input:checked ~ .checkmark:after{display:block}.checkmark-container:hover input:checked ~ .checkmark{background-color:#d3d6df}.checkmark-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.file_upload_container label{display:inline-flex;align-items:center}.file_upload_container{margin-top:15px;margin-bottom:15px}.file_upload_container input{visibility:hidden;height:0;position:absolute}.settings-container input[type="text"]{padding:2px 5px;width:100%;margin-top:5px;margin-bottom:10px}.file_upload_preview_container{display:flex;margin-top:8px;align-items:center}.file_upload_preview{max-height:24px;max-width:24px}.file_upload_remove{margin-left:10px;cursor:pointer}.flex.file_upload_button_container{align-items:center}.file_upload_button_container>*:not(:last-child){margin-right:5px}#tab_2{font-size:0}.sidebar-banner{text-align:center;padding-bottom:20px;padding-top:20px;font-size:0}.sidebar-banner-img{width:100%;margin-bottom:20px}.ad{margin-left:auto;margin-right:auto}.pes-master-kit-creator,.ad{width:728px;height:90px}.template_selector_outer,.quickrecolor-container{position:fixed;display:flex;width:100%;height:100%;left:0;top:0;z-index:5;padding-top:50px;padding-bottom:50px;background-color:rgba(0,0,0,0.35)}.quickrecolor-container{align-items:flex-start}.quickrecolor{background-color:#fff;margin:0 auto;padding:20px;box-shadow:0 0 20px rgba(0,0,0,0.35);display:flex;flex-direction:column;align-items:start}.quickrecolor-buttons{width:100%;display:flex;justify-content:center}.quickrecolor-buttons>.button{margin:0 5px}.quickrecolor-header{margin-bottom:20px;font-size:18px;display:flex;align-items:center;justify-content:flex-start}.quickrecolor-header>svg{width:18px;height:18px;margin-right:6px}.quickrecolor-color-container{width:100%;margin-bottom:20px}.quickrecolor-colorrow{width:100%;display:flex;justify-content:center;align-items:center}.quickrecolor-colorrow:not(:last-child){margin-bottom:6px}.quickrecolor-colorrow>.faux-color-input{margin:0}.quickrecolor-colorrow>.quickrecolor-arrow{width:16px;height:16px;margin:0 10px;fill:#b5b9c9}.pattern-container{position:relative}.template-header>.buttons-container{display:flex;align-items:center;position:absolute;right:0;top:0;margin:0 -2px}.template_selector{background-color:#fff;width:80%;margin:0 auto;padding:30px;box-shadow:0 0 20px rgba(0,0,0,0.35);display:flex;flex-direction:column;align-items:start;position:relative}.template_container{margin-left:-10px;margin-right:-10px;margin-bottom:-10px;display:flex;flex-wrap:wrap;overflow-y:auto;width:calc(100% + 20px);align-items:flex-start}.kit_preview{width:20%;padding:10px;font-size:0}.template_container_upcoming .kit_preview{padding:7px;width:16.666666%;width:calc(100% / 6)}.kit_preview_inner{position:relative;cursor:pointer}.template_container_upcoming .kit_preview_inner{cursor:auto}button.kit_preview_remove_button{position:absolute;background:0;border:0;padding:10px;right:0;top:0;background-color:rgba(0,0,0,0.5);display:none;transition:background-color 100ms ease-in-out}button.kit_preview_remove_button>svg{fill:#fff;padding:0;margin:0}#sponsor_selector_upload_custom img{width:24px;height:24px}.kit_preview_inner:hover>button.kit_preview_remove_button{display:initial}button.kit_preview_remove_button:hover{background-color:#000}.kit_preview_square{padding-top:100%}.kit_preview_image{width:100%}img.kit_preview_badge{position:absolute;width:24px;height:24px;top:6px;left:6px}.pattern_preview{width:100%;height:200px;background-size:cover;background-position:center}.template_container_upcoming .pattern_preview{height:auto;width:auto}.kit_preview_name{display:block;position:absolute;bottom:0;background-color:rgba(0,0,0,0.5);width:100%;color:#fff;text-align:center;font-weight:bold;font-size:16px;padding:10px}.kit_preview_credits{display:block;position:absolute;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;font-size:16px;padding:2px;right:0}span.template_sorting_option{padding:4px 8px;border:2px solid #ccc;border-radius:10px;cursor:pointer;transition:all 150ms ease-in-out;margin-left:10px}span.template_sorting_option:hover{border-color:#202020;background-color:#fafafa}span.template_sorting_option.selected{background-color:#e7e7e7;border-color:transparent}.template_selector_topbar{display:flex;align-items:center;margin-bottom:15px}.template_selector_topbar>div{display:flex;align-items:center}img.selector-banner-img{width:110px}.selector-banner{display:flex;margin-bottom:15px}.selector-banner>div{display:flex;flex-direction:column;margin-left:15px;align-items:start}.selector-banner .button-plus{margin-top:8px}.selector-banner .button-plus:not(:hover){background-color:#f3f3f3}.sponsor_preview{width:100%;height:150px;background-position:center;background-size:contain;background-repeat:no-repeat;background-origin:content-box;padding:10px}.sleevecuff_preview{width:100%;height:90px;background-position:center;background-size:cover;background-repeat:no-repeat;background-origin:content-box;padding:10px}.sponsor_preview_inner{border:1px solid black}.sponsor_preview_inner .kit_preview_name{position:initial;background-color:transparent;color:#252525}#extra_sponsor_template{display:none}.extra_sponsor_logo,.extra_text{position:relative}.extra_sponsor_delete,.extra_text_delete{position:absolute;right:10px;top:10px}button.icon-button{background:0;border:0;padding:0;display:flex}button.icon-button>svg{margin:0;width:20px;height:20px;fill:#aaafc0}button.icon-button>svg:hover{fill:#32374e}.buttons-container>button.icon-button{margin:0 2px}div#sponsor_container{margin:20px 0 10px}div#sponsor_container>div,div#text_container>div{margin:0 -20px;padding:15px 20px 10px;border-top:1px solid #b2b7c9}.file_upload_container:first-child{margin-top:0}ul.template_selector_tabbar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.template_selector_tabbar>li{background-color:#ddd}.template_selector_tabbar>li.active{background-color:#ccc}.template_selector_tabbar>li>button{background:0;border:0;font-size:100%;padding:4px 6px}.tabs.template_selector_topbar>div:first-child{margin-right:20px}.template_selector_close_button{padding:0;position:absolute;right:0;top:0;background:0;border:0;padding:10px}.template_selector_close_button>svg{margin:0;width:20px;height:20px;fill:#aaafc0;transition:fill 100ms ease-in-out}.template_selector_close_button:hover>svg{fill:#32374e}.custom_logo_positioning_container{margin:0 -20px 20px;padding:0 20px 0 45px}.font-picker-font{width:25%}.font-picker-font-inner{margin:10px;overflow:hidden;cursor:pointer;border:1px solid #ccc;display:flex;flex-direction:column}.font-picker-font-name{background-color:#f0f0f0;padding:2px}.font-picker-font span{font-size:40px;white-space:nowrap;padding:5px}.modal{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);z-index:10}.modal-inner{background-color:#fff;padding:20px;margin:20px}.modal-inner .login-container{padding:0}.design-container{padding:20px;border-top:1px solid #b2b7c9}.designs-container{margin:0 -20px;border-bottom:1px solid #b2b7c9;margin-bottom:20px}.design-container .logopattern-settings,.design-container #pattern-settings{margin-top:10px}.design-container #file-upload-logopattern,.design-container .template-selector{margin:0}.fullscreen-button{position:absolute;top:0;right:0;padding:6px;border:0;background:0;display:flex;cursor:pointer}.fullscreen-button svg{width:24px;height:24px}.info-text{font-size:14px}@media(max-width:1439px){.pes-master-kit-creator,.ad{width:468px;height:60px}.tab_control{margin-left:0;margin-top:0}.settings-container{flex:30%}.main_preview{flex:70%}.template_selector{width:100%;margin-left:40px;margin-right:40px}.kit_preview,.template_container_upcoming .kit_preview{width:25%}}@media(max-width:1023px){.tab_control>li,.camera-select>li{font-size:14px;padding:8px}button.kit_preview_remove_button{display:initial}.header-section{position:initial}.camera-select{position:initial}.sidebar-banner{display:flex;flex-direction:row;align-items:center;justify-content:center}.sidebar-banner-img{max-width:200px;margin-right:20px;margin-bottom:0;display:block}@media(orientation:portrait){.kit-creator-container{flex-direction:column}}@media(orientation:landscape){.selector-banner>a{display:none}.selector-banner>div{margin-left:0;flex-direction:row;align-items:center}.selector-banner>div>span{margin-right:10px}.selector-banner .button-plus{margin-top:0}}.settings-container{flex:35%;width:100%}.main_preview{flex:65%}.header-section{padding:10px 20px}.settings-section-header{padding:8px 10px}.header{margin-left:12px;margin-right:12px}#collar-select{font-size:14px}.kit_preview{width:33.33%}.header-section .button{padding:4px;margin-bottom:6px}.header-section .button-container{margin-bottom:-6px}.settings-section-header{font-size:15px}.settings-item-toggle,.faux-color-input{width:20px;height:20px}.settings-section>.settings-subsection{padding-left:15px;padding-right:15px}.designs-container{margin:0 -15px}.template-header{margin-bottom:6px}.settings-item-template{margin-top:10px;margin-bottom:10px}}@media(max-width:850px){.menu-open .main-wrapper{margin:0}input[type="range"]{width:80%}.slidecontainer label{width:80%}.pes-master-kit-creator,.ad{display:none}.sidebar-banner{flex-direction:column}img.sidebar-banner-img{margin-bottom:10px;margin-right:0}div#preview{position:relative;flex:1}div#tab_1{padding:0}ul.camera-select{position:relative}#preview{position:relative}.template_selector_outer{padding-top:15px;padding-bottom:15px}.template_selector{margin-left:15px;margin-right:15px;padding:15px}#color_picker_container{background-color:rgba(0,0,0,0.7);padding-top:0;align-items:center}@media(orientation:portrait){.kit_preview,.template_container_upcoming .kit_preview{width:50%}.template_selector_topbar{flex-direction:column;align-items:start}.template_selector_topbar>div:not(:last-child){margin-bottom:10px}}@media(orientation:landscape){.header-container{display:none}.kit-creator-container{top:0}}}@media(max-width:424px){.settings-container{flex:45%}.main_preview{flex:55%}.kit_preview{width:100%}}