html{margin:0;padding:0}body{color:#888;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;--sl-z-index-toast:15000;background:#222;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400}.sl-toast-stack{margin-top:40px}.app{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;--primaryBackground:#222;--primaryColor:#009fe3;--primaryColorHover:#127caa;--secondaryColor:#444;--primaryLight:rgba(0,159,227,.5);--primaryLighty:rgba(0,159,227,.3);--primaryLighter:rgba(0,159,227,.2);--primaryLighterHover:rgba(0,159,227,.1);--primaryShallowLighter:rgba(150,159,227,.1);--successCol:#3bab3b;--dangerCol:#ef4444;--primaryLightBack:rgba(0,159,227,.3);--sl-color-primary-50:#e6f7ff;--sl-color-primary-100:#b3e8ff;--sl-color-primary-200:#80d9ff;--sl-color-primary-300:#33c2ff;--sl-color-primary-400:#00b2ff;--sl-color-primary-500:#00a1e6;--sl-color-primary-600:#008fcc;--sl-color-primary-700:#007db3;--sl-color-primary-800:#006b99;--sl-color-primary-900:#005980;--sl-color-neutral-300:var(--primaryColor);--sl-color-neutral-200:#222;--sl-color-neutral-600:#777;--sl-panel-background-color:#fff;--sl-panel-border-color:#111;--sl-overlay-background-color:rgba(0,0,0,.7);--sl-tooltip-background-color:var(--primaryColor);--sl-input-border-radius-medium:6px;--sl-input-border-width:0px;--sl-z-index-dialog:15000;--scOrange:#ff7929;--scGreen:#0bbb65;--scBlue:#8feef8;--scBlue2:#0095df;--scYellow:#ffde24;--scGrey:#eaeaea;--scBlack:#232d11;--scRed:#f45333;--scRed-1:#fa8538;--scGreen-1:#01af5a;--scGreen-2:#0bbb65;--scGreen-3:#34b275;--scGreen-4:#3f9169;--scGreen-5:#2a6749;--scBlue-1:#01ae9e;--scBlue-2:#0bbaaa;--scBlue-3:#34b1a6;--scBlue-4:#3f9089;--scBlue-5:#2a6761;background:#222;width:100%;height:auto;margin:0;padding:0;display:block;position:relative}.busypanel{z-index:10000;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:fixed}.prel{z-index:1020;background:rgba(0,0,0,.2);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.lds-ring{width:164px;height:164px;display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;border:6px solid transparent;border-top-color:#009fe3;border-radius:50%;width:151px;height:151px;margin:6px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:100%}.app button{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.app h1{color:var(--primaryColor);letter-spacing:-2px;padding-bottom:10px;font-family:MuseoSans-900,serif;font-size:60px;font-style:normal;font-weight:900;line-height:90%}.app h2{color:var(--primaryColor);font-family:MuseoSans-700,serif;font-size:38px;font-style:normal;font-weight:500;line-height:90%}.app h3{color:var(--primaryColor);font-family:MuseoSans-700,serif;font-size:14px;font-style:normal;font-weight:700;line-height:100%}.app p{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:13px;font-style:normal;font-weight:500;line-height:100%}.app a,.app a:hover{text-decoration:none}a:focus,input:focus,select:focus,textarea:focus,button:focus{outline:none}[contenteditable]:focus{outline:0 solid transparent}.app-margin{height:auto;margin-bottom:20px;position:relative}.permissions-alert{z-index:11000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.permissions-alert h2{letter-spacing:0;background:#fff;max-width:600px;margin:0;padding:10px;font-size:18px;line-height:100%}.debug-mode-alert{z-index:100000;background:rgba(255,0,0,.7);border-bottom-right-radius:8px;border-bottom-left-radius:8px;position:fixed;right:220px}.debug-mode-alert h2{color:#fff;text-transform:uppercase;padding:4px 14px;font-family:Roboto Condensed,serif;font-size:22px;font-style:normal;font-weight:700}.customScrollbar::-webkit-scrollbar{width:8px}.customScrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:8px}.customScrollbar::-webkit-scrollbar-thumb{background-color:var(--primaryColor);border-radius:8px}.notify-alert::part(base){color:#aaa;background:#333;border:1px solid #000;border-radius:6px;margin:8px;padding:0;box-shadow:0 4px 8px rgba(0,0,0,.8)}.notify-alert::part(message){color:#fff;margin:8px;padding:0;font-family:JetBrains Mono Regular;font-size:12px;font-style:normal;font-weight:400}.loginpanel{z-index:100;z-index:100;--textcol:#fff;background:#222;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:fixed}.loginImg{z-index:1;opacity:.6;width:100%;height:100%;display:block;position:absolute}.loginImg img{object-fit:cover;width:100%;height:100%}.loginbox{width:540px;color:var(--textcol);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.75);border-radius:8px;padding:30px;display:block;position:relative}.loginbox h1{color:#009fe3;padding-bottom:15px;font-family:MuseoSans-700,serif;font-size:64px;font-style:normal;font-weight:700;line-height:90%}.loginbox h2{color:var(--textcol);letter-spacing:.5px;padding-bottom:20px;font-family:MuseoSans-700,serif;font-size:18px;font-style:normal;font-weight:700;line-height:120%}.loginbox h3{text-align:center;color:var(--textcol);padding-bottom:20px;font-family:MuseoSans-900,serif;font-size:32px;font-style:normal;font-weight:900;line-height:120%}.loginbox .loginalertbox{margin-top:12px;display:inline-block;position:relative}.loginbox .loginalertbox h3{color:#fff;text-align:left;padding:8px;font-size:14px}.loginbox .loginalertbox .backred{background:red}.loginsignout{text-align:center;margin-top:20px}.loginsignout p{color:var(--textcol);letter-spacing:.5px;cursor:pointer;font-family:MuseoSans-700,serif;font-size:13px;font-style:normal;font-weight:700;text-decoration:underline}.loginsignout p:hover{color:#fff}.main-top-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:rgba(0,0,0,.8);justify-content:flex-start;align-items:center;width:100%;height:40px;display:flex;position:fixed;box-shadow:0 0 25px rgba(0,0,0,.2)}.main-top-nav .shimano_logo{width:100px;padding-left:20px;padding-right:20px}.main-top-nav .main-top-nav-right{margin-left:auto;margin-right:20px}.main-top-nav sl-tab::part(base){padding-bottom:10px;font-family:Roboto,serif;font-size:15px;font-style:normal;font-weight:500;line-height:100%}.main-top-nav .main-top-nav-right sl-menu-item::part(base){color:#000;font-family:Roboto,serif;font-size:12px;font-style:normal;font-weight:500}.main-top-nav .main-top-nav-right h3{color:#000;padding-bottom:6px}.main-content{z-index:1;background-color:#222;width:100%;height:auto;min-height:calc(100vh - 80px);padding:45px 0 0;display:block;position:relative}.dropshadow{box-shadow:0 8px 15px rgba(0,0,0,.2)}.err-page{color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.app sl-dialog::part(title){color:var(--primaryColor);text-transform:uppercase;letter-spacing:-1px;font-family:Roboto Condensed,serif;font-size:28px;font-style:normal;font-weight:700;line-height:90%}.app sl-dialog::part(body){padding-top:0}.app sl-dialog::part(panel){background:var(--scGrey);max-height:calc(100vh - 80px);margin-top:40px}.app sl-tooltip::part(base__popup){--max-width:140px;text-align:center}.app sl-menu h2{color:#222;padding:8px;font-family:Roboto,serif;font-size:16px;font-style:normal;font-weight:900;line-height:100%}.app sl-menu p{color:#222;padding:8px;font-family:Roboto,serif;font-size:14px;font-style:normal;font-weight:500;line-height:100%}sl-button::part(base){text-transform:uppercase;letter-spacing:.5px;font-family:MuseoSans-700,serif;font-style:normal;font-weight:700}.app sl-dialog sl-input::part(form-control-label){text-transform:uppercase;color:var(--primaryColor);font-family:MuseoSans-700,serif;font-style:normal;font-weight:700}.app sl-dialog sl-radio-group::part(form-control-label){text-transform:uppercase;color:var(--primaryColor);font-family:MuseoSans-700,serif;font-style:normal;font-weight:700}.app sl-dialog sl-select::part(form-control-label){text-transform:uppercase;color:var(--primaryColor);font-family:MuseoSans-700,serif;font-style:normal;font-weight:700}.app sl-select::part(form-control-label){text-transform:uppercase;color:var(--primaryColor);font-family:MuseoSans-700,serif;font-style:normal;font-weight:700}.app sl-input::part(form-control-help-text){color:#bbb;text-transform:none;padding-top:5px;padding-left:5px;font-family:Roboto,serif;font-size:13px;font-style:normal;font-weight:400}.altbut-default{text-transform:uppercase;cursor:pointer;color:#009fe3;border:2px solid var(--primaryColor);border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-family:Roboto Condensed,serif;font-size:13px;font-style:normal;font-weight:700;transition:all .2s;display:flex}.altbut-default sl-icon{font-size:22px}.altbut-default:hover{color:#fff;border:2px solid #fff}.app .campaign-drawer{--size:760px}.app .campaign-drawer::part(panel){background:#222}.app sl-drawer{--size:95vh}.main-container{width:100%;max-width:1580px;height:auto;margin:0 auto;display:block;position:relative}.main-title{border-bottom:4px solid var(--primaryLighter);grid-template-columns:250px 150px auto 250px;align-items:center;width:100%;margin-bottom:20px;padding-top:30px;padding-bottom:10px;display:grid;position:relative}.main-title:last-child{padding-left:300px}.main-title h2{letter-spacing:0;color:var(--primaryColor);margin:0 0 5px;padding:0;font-size:32px;font-weight:900}.main-title-menu{margin-left:auto}.main-container-panel{width:calc(100% - 40px);height:auto;box-shadow:0 0 10px 0 var(--primaryLighter);--assetDirWidth:300px;background:#fff;border-radius:8px;margin-bottom:80px;padding:20px;display:block;position:relative}.no-page-access{justify-content:center;align-items:center;width:100%;height:70vh;display:flex;position:relative}.no-page-access h2{background:#000;padding:28px}.app .user-view{background:#fff;width:100%;min-height:100vh;display:block;position:relative}.top-brand-picker{background:#efefef;width:100%;padding:0;position:relative}.id-ref{margin:4px;padding:4px;font-family:Roboto Condensed,serif;font-size:11px;font-style:normal;font-weight:700}