@import "https://use.typekit.net/jaa3hri.css";@import "https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&family=Lexend:wght@100..900&display=swap";.font_mono{font-family:Cousine,monospace;font-style:normal;font-weight:700}h1,h2,h3,h4,h5,h6{color:#919bae;font-family:geom-graphic,sans-serif}dt{font-family:geom-graphic,sans-serif}:root{--color-bg:c.$base;--color-text:c.$prime_gray}*,html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,button,input,select{box-sizing:border-box;border:0;margin:0;padding:0;line-height:1}:root{color:#6c7993;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#131720;border-color:#1d2330}body{font-family:Lexend,sans-serif;font-size:16px;font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:400}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{line-height:1.5}*+p{margin-top:1rem}input,select{background:0 0;border:none}hr{color:#6c7993;border:1px solid #1d2330;border-top:0;margin:1.5rem 0;line-height:0}button{cursor:pointer;border:none;padding:.5rem 1rem}*+dl{margin-top:1rem}dl dt{font-size:1.25rem;font-weight:700}dl dt+dd,dl dt+dd+dd{margin-top:.5rem}*+dl dt{margin-top:1.5rem}.panelBox{background:#1d2330;border:1px solid #1d2330;box-shadow:inset 0 0 .5rem #171c26,0 0 .0625rem #000}:is(:not(.cols):has(>section),:not(.cols):has(>.panelBox)){background:#131720;padding:1px}button,.btn{color:#1d2330;text-transform:uppercase;background:#792d06;border:1px solid #792d06;border-radius:.25rem;padding:.5rem 1rem;font-size:.625rem;font-weight:800;text-decoration:none;box-shadow:inset 0 0 .5rem #913608,0 0 .1875rem #000}button:hover,.btn:hover{background:#aa3e09;border:1px solid #aa3e09;box-shadow:inset 0 0 .5rem #c2470a,0 0 .1875rem #000}nav.main{background:#131720;flex-direction:column;gap:1px;padding:1px;display:flex}nav.main .btn{border-radius:0}#root{flex-direction:column;display:flex}#root>*{flex:auto}#root{padding:0 2rem;overflow:hidden}@media screen and (width<=80rem){#root{padding:0}}@media screen and (width>=80rem){#root{padding:0 3rem}}.layoutHeader{flex-direction:row;flex:none;height:4rem;padding:.666667rem 0;display:flex;position:relative}@media screen and (width<=80rem){.layoutHeader{height:4rem;padding:.666667rem 0}}@media screen and (width>=80rem){.layoutHeader{height:7rem;padding:1rem 0}}.layoutHeader>*{flex:auto;overflow:hidden}.layoutHeader .slant_panel_logo{width:4.66667rem;height:2.66667rem}@media screen and (width<=80rem){.layoutHeader .slant_panel_logo{width:4.66667rem;height:2.66667rem}}@media screen and (width>=80rem){.layoutHeader .slant_panel_logo{width:8.75rem;height:5rem}}.layoutHeader .slant_panel_logo{background:#6c799360;flex:none;justify-content:center;align-items:center;display:flex;-webkit-mask-image:url(/img/slant_panel_logo.svg);mask-image:url(/img/slant_panel_logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.layoutHeader .headerLogo{color:#919bae;height:1.6rem;position:absolute;top:calc(50% - .866667rem);left:calc(50% - 1.37846rem)}@media screen and (width<=80rem){.layoutHeader .headerLogo{height:1.6rem;top:calc(50% - .866667rem);left:calc(50% - 1.37846rem)}}@media screen and (width>=80rem){.layoutHeader .headerLogo{height:3rem;top:calc(50% - 1.625rem);left:calc(50% - 2.58462rem)}}.slant_panel{flex-direction:row;display:flex}@media screen and (width<=80rem){.slant_panel{font-size:1.71429rem}}@media screen and (width>=80rem){.slant_panel{font-size:3rem}}.slant_panel__panel{background:linear-gradient(90deg,#6c799360 0% 50%,#6c799300 100%);flex:auto;-webkit-mask-image:url(/img/slant_panel_r_slant.svg);mask-image:url(/img/slant_panel_r_slant.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:auto 1.71429rem;mask-size:auto 1.71429rem;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}@media screen and (width<=80rem){.slant_panel__panel{-webkit-mask-size:auto 1.71429rem;mask-size:auto 1.71429rem}}@media screen and (width>=80rem){.slant_panel__panel{-webkit-mask-size:auto 3rem;mask-size:auto 3rem}}.slant_panel--left .slant_panel__panel{background:linear-gradient(-90deg,#6c799360 0% 50%,#6c799300 100%);-webkit-mask-image:url(/img/slant_panel_l_slant.svg);mask-image:url(/img/slant_panel_l_slant.svg);-webkit-mask-position:100%;mask-position:100%}.slant_panel__cap{background:#6c799360;flex:none;width:1.14286rem;-webkit-mask-image:url(/img/slant_panel_r.svg);mask-image:url(/img/slant_panel_r.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:auto 1.71429rem;mask-size:auto 1.71429rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (width<=80rem){.slant_panel__cap{width:1.14286rem;-webkit-mask-size:auto 1.71429rem;mask-size:auto 1.71429rem}}@media screen and (width>=80rem){.slant_panel__cap{width:2rem;-webkit-mask-size:auto 3rem;mask-size:auto 3rem}}.slant_panel--left .slant_panel__cap{-webkit-mask-image:url(/img/slant_panel_l.svg);mask-image:url(/img/slant_panel_l.svg);-webkit-mask-position:100%;mask-position:100%}.page{box-sizing:border-box;border-radius:.25rem;flex-direction:column;max-width:100%;min-height:calc(100svh - 6rem);max-height:calc(100svh - 4rem);margin-top:0;margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 0 2rem #000}@media screen and (width<=80rem){.page{min-height:calc(100svh - 4rem);max-height:calc(100svh - 4rem);margin-bottom:0;box-shadow:0 0 .5rem #000}}@media screen and (width>=80rem){.page{min-height:calc(100svh - 10rem);max-height:calc(100svh - 10rem);margin-bottom:3rem;box-shadow:0 0 3rem #000}}.page>*+*{margin-top:1px}.page__top{color:#6c7993;z-index:100;border-radius:.25rem .25rem 0 0;flex:none;padding:1.5rem;position:relative;box-shadow:0 0 .5rem #000}@media screen and (width<=80rem){.page__top{padding:1rem 2rem}}.page__top header h1{text-transform:capitalize}@media screen and (width<=80rem){.page__top header h1{font-size:1.5rem;font-weight:400}}@media screen and (width>=80rem){.page__top header h1{font-size:2rem}}.page__main{flex:auto;display:flex;overflow:hidden}.page__main:has(.sidebar:first-child:hover) .content{margin-left:0}.page__main:has(.sidebar:last-child:hover) .content{margin-right:0}.page__main.sidebars .content{background:#1d2330;flex:auto;margin-left:-20.5rem;margin-right:-20.5rem;padding:1.5rem 3rem;transition:margin .5s ease-in-out}.page__main.sidebars .sidebar{color:#6c7993;background:#1d2330;border-top:1px solid #1d2330;flex:none;justify-content:center;align-self:stretch;width:22rem;transition:transform .5s ease-in-out;overflow:hidden}.page__main.sidebars .sidebar__inner{width:22rem;margin:auto}.page__main.sidebars .sidebar:first-child{margin-right:1px;padding-right:1.5rem;transform:translate(-20.5rem)}.page__main.sidebars .sidebar:last-child{margin-left:1px;transform:translate(20.5rem)}.page__main.sidebars .sidebar:hover{transform:translate(0)}.page__main.floatBox{background:url(/img/empire&backbreaker_cut.png) 50% no-repeat;justify-content:center;display:flex}.page__main.floatBox>.content{flex:auto;align-self:center;max-width:85%}@media screen and (width<=80rem){.page__main.floatBox>.content{max-width:85%}}@media screen and (width>=80rem){.page__main.floatBox>.content{max-width:50%}}.page__main.floatBox>.content .panelBox{padding:3rem}.scrollBox{height:100%;padding-left:1.5rem;padding-right:calc(.75rem - 4px);overflow:hidden}@media screen and (width<=80rem){.scrollBox{padding-left:8px;padding-right:0}}.scrollBox__inner{scrollbar-gutter:static;height:100%;padding-top:1.5rem;padding-bottom:1.5rem;padding-right:1.5rem;overflow-y:auto!important}@media screen and (width<=80rem){.scrollBox__inner{padding-top:8px;padding-bottom:8px;padding-right:0}}.scrollBox__inner::-webkit-scrollbar{width:8px}.scrollBox__inner::-webkit-scrollbar-button{display:none}.scrollBox__inner::-webkit-scrollbar-track{background:#131720;border:1px solid #1d2330;border-radius:8px;margin:3rem}.scrollBox__inner::-webkit-scrollbar-thumb{background:#792d06 padding-box content-box;border:2px solid #0000;border-radius:8px}.scrollBox:hover>.scrollBox-inner::-webkit-scrollbar-thumb{background:#aa3e09}.scrollBox_o{scrollbar-gutter:static;overflow-y:auto!important}.scrollBox_o::-webkit-scrollbar{width:8px}.scrollBox_o::-webkit-scrollbar-button{display:none}.scrollBox_o::-webkit-scrollbar-track{background:#131720;border:1px solid #1d2330;border-radius:8px;margin:3rem}.scrollBox_o::-webkit-scrollbar-thumb{background:#792d06 padding-box content-box;border:2px solid #0000;border-radius:8px}.scrollBox_o:hover::-webkit-scrollbar-thumb{background:#aa3e09 padding-box content-box;border:2px solid #0000;border-radius:8px}.scrollBox_o>.scrollBox-inner{padding:1.5rem 0}.ctrlsList{overflow:hidden}.ctrlsList>.item{-moz-column-gap:2rem;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:start;gap:.5rem 2rem;padding:1.5rem;display:grid}@media screen and (width<=80rem){.ctrlsList>.item{padding:1rem}}.ctrlsList>.item>.view{grid-area:span 2/1}.ctrlsList>.item>.title{grid-area:1/2;font-family:geom-graphic,sans-serif;font-weight:600}.ctrlsList>.item>.description{grid-area:2/2;font-size:.875rem;line-height:1.25}.ctrlsList>.item+.item{border-top:1px solid #131720}.pedal-type-empire>.pedal-icon{color:#f37435}.pedal-type-backbreaker>.pedal-icon{color:#00d9ff}.pedal-icon-container{background:#111311;border-radius:16px;width:76px;height:76px;margin:16px;padding:16px}.pedal-icon-container:hover .pedal-icon{color:#e6e6e6}.pedal-icon{width:inherit;height:inherit;display:block}.pedal-icon-bg{filter:drop-shadow(0 0 4px red);background:linear-gradient(#1e5899 0%,#2c8bd8 50%,#207bcb 51%,#7dbae8 100%);width:76px;height:76px}.ctrls{-moz-column-gap:16px;background:linear-gradient(#1d2330 0%,#1b212d 50%,#1d2330 100%);border:1px solid #0a0c10;border-radius:31px;grid:auto auto/auto auto auto;gap:16px;padding:32px;font-family:geom-graphic,sans-serif;display:inline-grid}.ctrl{flex-direction:column;flex:none;font-size:2mm;display:inline-flex}.ctrl>.outer{background:#6c7993;border:1px solid #111311;justify-content:center;align-items:center;width:69px;height:69px;display:flex}.ctrl>.label{letter-spacing:1px;color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 0 1px #111311;padding:8px;font-family:geom-graphic,sans-serif;font-size:10px;display:block}.ctrl-switch{align-items:center;display:flex}.ctrl-switch>.ring{background:#6c7993;border:1px solid #000;border-radius:50%;width:46px;height:46px;margin:12px;box-shadow:0 0 2px #1d2330,inset 0 0 2px #000}.ctrl-switch>.ring>.switch{width:100%;height:100%}.ctrl-switch>.ring>.switch>*>:last-child{fill:#000}.ctrl-switch>.ring>.switch>#nut>:first-child{fill:gray}.ctrl-switch>.ring>.switch>#shaft-outer>:first-child{fill:#666}.ctrl-switch>.ring>.switch>#shaft-inner>:first-child{fill:#404040}.ctrl-switch>.ring>.switch>#switch-up>:first-child{fill:url(#switch-gradient)}.ctrl-switch>.ring>.switch>defs>#switch-gradient{--color-start:#bfbfbf;--color-stop:#404040}.ctrl-switch>.ring>.switch>#switch-down{opacity:0}.ctrl-switch>.label{background:#292e29;border:1px solid #000;border-radius:8px;width:69px;box-shadow:0 0 2px #1d2330,inset 0 0 2px #000}.ctrl-knob{background:#292e29;border:1px solid #000;border-radius:36.5px 36.5px 8px 8px;overflow:hidden;box-shadow:0 0 2px #1d2330,inset 0 0 2px #000}.ctrl-knob>.outer{background:#6c7993;border:1px solid #111311;border-radius:50%;width:69px;height:69px;box-shadow:inset 0 0 2px #111311}.ctrl-knob>.outer>.knob{align-items:top;transform-origin:50%;background:#1a1a1a;border:1px solid #000;border-radius:50%;flex:none;justify-content:center;width:57px;height:57px;display:flex;position:relative;transform:rotate(0)}.ctrl-knob>.outer>.knob>.indicator{transform-origin:bottom;background:#fff;width:4px;height:28.5px;transform:rotate(-150deg)}.pedal_empire .page__top{color:#f37435}.pedal_empire .ctrl.ctrl-knob>.outer,.pedal_empire .ctrl.ctrl-switch>.ring{background:#f37435}.pedal_backbreaker .ctrl.ctrl-knob>.outer,.pedal_backbreaker .ctrl.ctrl-switch>.ring{background:#00d9ff}header.pedal_header{flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}header.pedal_header>*{z-index:200;background:#131720;flex:none;padding-left:1rem;padding-right:1rem;position:relative}header.pedal_header>*+*{padding-left:0}header.pedal_header:before{content:"";background:#6c7993;width:100%;height:.0625rem;position:absolute}section{text-align:center;background:#1d2330;border:1px solid #1d2330;padding:3rem;box-shadow:inset 0 0 .5rem #171c26,0 0 .0625rem #000}@media screen and (width<=80rem){section{padding:1.5rem}}section>*{text-align:left}section+section,section+.section,.section+section,.section+.section{margin-top:1px}.section>.col{padding:3rem}.cols{flex-direction:row;gap:3rem;display:flex}@media screen and (width<=50rem){.cols{flex-direction:column}}@media screen and (width>=80rem){.cols{flex-direction:row}}.cols .col{flex:auto}.cols .col.zeroPad{padding:0}.cols .col:has(>img){text-align:center;flex:0 auto}@media screen and (width<=50rem){.cols .col>img{min-width:100%;max-width:100%;margin:auto}}.cols-inline{display:inline-flex}.cols-center{align-items:center}.cols-gapZero{gap:0}.icon{fill:currentColor;display:block}.icon--productHeader{height:3rem;display:inline-block}@media screen and (width<=80rem){.icon--productHeader{height:2rem}}.imgBlur{filter:blur(.25rem);min-width:50vw}