@font-face{font-family:TeslizeNoir;src:url('/web/fonts/eperformance-instrument-sans-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
/* Noir is restricted to the accessories page; the shared menus and commerce keep their behavior. */
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero){--tz-noir-edge:clamp(23px,5.5vw,100px)}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site{background:#f8f8f6!important;color:#252620!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .solar-announcement{display:none!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header{background:#ffaa24!important;border-bottom:1px solid #00000014!important;box-shadow:none!important;backdrop-filter:none!important;color:#171717!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-inner{max-width:none!important;height:82px!important;min-height:0!important;padding:0 var(--tz-noir-edge)!important;gap:28px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-wordmark--teslize{width:136px!important;max-width:136px!important;min-width:136px!important;margin:0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-wordmark--teslize img{width:136px!important;height:39px!important;object-fit:contain!important;filter:brightness(0)!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-desktop-nav{gap:28px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-desktop-nav>a,:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-desktop-nav>button{font-family:TeslizeNoir,sans-serif!important;font-size:12px!important;font-weight:450!important;color:#171717!important;background:transparent!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions{gap:16px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .ep-contact-links{gap:15px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .ep-contact-links>a{font-family:TeslizeNoir,sans-serif!important;font-size:11px!important;font-weight:450!important;color:#171717!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .ep-contact-links svg{width:17px!important;height:17px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .landing-icon-button{color:#171717!important;background:transparent!important;border:0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-quote{font:450 12px/1.3 TeslizeNoir,sans-serif!important;background:transparent!important;border:0!important;border-bottom:1px solid #17171777!important;border-radius:0!important;color:#171717!important;padding:6px 0!important;min-height:0!important;box-shadow:none!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-quote span{color:#171717!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-menu-button span{background:#171717!important}
.tz-noir-hero{height:590px;position:relative;background:#090a0b;color:#e6e6e1;overflow:hidden;isolation:isolate;font-family:TeslizeNoir,sans-serif}
.tz-noir-photo{position:absolute;inset:0 0 0 29%;display:block;overflow:hidden;z-index:-1}
.tz-noir-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0b,transparent 30%),linear-gradient(0deg,#090a0b8a,transparent 25%)}
.tz-noir-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:63% 60%}
.tz-noir-copy{position:relative;margin-left:var(--tz-noir-edge);padding-top:44px}
.tz-noir-breadcrumb{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:500;letter-spacing:.14em;line-height:1.4;text-transform:uppercase;color:#9d9f94}
.tz-noir-breadcrumb:before{content:'';width:5px;height:5px;display:inline-block;background:#ffaa24;border-radius:50%;margin-right:1px}
.tz-noir-breadcrumb a{color:inherit;text-decoration:none}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .tz-noir-hero h1{font-family:TeslizeNoir,sans-serif!important;font-size:89px!important;line-height:1.005!important;font-weight:430!important;letter-spacing:-.055em!important;text-align:left!important;text-transform:none!important;margin:30px 0 0!important;padding:0!important;color:#e6e6e1!important;max-width:none!important;animation:none!important}
.tz-noir-hero h1 em{font-style:normal;font-weight:inherit;color:#ffaa24}
.tz-noir-copy>p{font-size:12px;line-height:1.65;color:#a1a599;margin:27px 0 0;letter-spacing:0}
.tz-noir-explore{margin-top:25px;display:flex;align-items:center;gap:21px;font-size:12px;width:max-content;color:#e6e6e1;text-decoration:none}
.tz-noir-explore>span{width:35px;height:35px;background:#ffaa24;color:#111;border-radius:50%;display:grid;place-items:center;transition:transform .2s}
.tz-noir-explore:hover>span{transform:translateX(3px)}
.tz-noir-explore svg{width:17px;height:17px}
.tz-noir-caption{position:absolute;bottom:26px;right:var(--tz-noir-edge);left:55%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.11em;color:#a2a698}
.tz-noir-caption>span:last-child{letter-spacing:0}
.tz-noir-hero a:focus-visible{outline:2px solid #ffaa24;outline-offset:6px}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .ep-contact-links img{filter:brightness(0)!important;opacity:1!important;width:17px!important;height:17px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-wordmark,:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-wordmark img{mix-blend-mode:normal!important;opacity:1!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .ep-contact-links svg{color:#171717!important;stroke:currentColor!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog{max-width:1600px!important;margin:0 auto!important;padding:40px var(--tz-noir-edge) 60px!important;background:#f8f8f6!important;color:#252620!important;font-family:TeslizeNoir,sans-serif!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-section-heading{text-align:left!important;align-items:flex-start!important;gap:8px!important;margin:0 0 25px!important;max-width:none!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-section-heading>p{font:500 9px/1.4 TeslizeNoir,sans-serif!important;letter-spacing:.17em!important;color:#7c8072!important;margin:0 0 10px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-section-heading h2{font:500 34px/1.18 TeslizeNoir,sans-serif!important;letter-spacing:-.045em!important;color:#252620!important;margin:0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) [data-filter-count]{font:400 11px/1.5 TeslizeNoir,sans-serif!important;color:#727769!important;margin-top:8px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters{padding:18px 0!important;border:0!important;border-top:1px solid #dcded5!important;border-bottom:1px solid #dcded5!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;gap:14px!important;margin-bottom:20px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters>div{gap:5px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters>div>span{font:500 11px/1.5 TeslizeNoir,sans-serif!important;min-width:76px!important;color:#6f7465!important;letter-spacing:0!important;text-transform:none!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters button{background:transparent!important;border:0!important;color:#777c6f!important;border-radius:24px!important;padding:8px 16px!important;font:400 12px/1.4 TeslizeNoir,sans-serif!important;box-shadow:none!important;min-height:34px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters button[aria-pressed=true]{background:#292d25!important;color:#fff!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog-tools{margin:0 0 30px!important;gap:35px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog-tools label{color:#777c6d!important;font:400 10px/1.4 TeslizeNoir,sans-serif!important;letter-spacing:0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog-tools :is(input,select){font:400 13px/1.5 TeslizeNoir,sans-serif!important;background-color:transparent!important;border:0!important;border-bottom:1px solid #c6cbbd!important;border-radius:0!important;color:#2e3329!important;box-shadow:none!important;min-height:42px!important;padding-left:0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:36px 22px!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card{display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;overflow:visible!important;transform:none!important;animation:none!important;color:#262b21!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card[hidden]{display:none!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>figure{order:-1!important;aspect-ratio:1.3!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;margin:0!important;border-radius:3px!important;background:#efefe9!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>figure img{height:100%!important;width:100%!important;object-fit:cover!important;transition:transform .55s ease!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card:hover>figure img{transform:scale(1.035)}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>figure>span{font:400 9px/1.3 TeslizeNoir,sans-serif!important;background:#fffffff0!important;color:#565e4a!important;border:0!important;padding:5px 9px!important;border-radius:20px!important;left:12px!important;top:12px!important;bottom:auto!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>header{padding:17px 0 0!important;border:0!important;min-height:0!important;display:block!important;background:transparent!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>header>p{font:400 9px/1.4 TeslizeNoir,sans-serif!important;color:#8b9082!important;margin:0 0 6px!important;letter-spacing:.015em!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>header>h3{font:500 17px/1.3 TeslizeNoir,sans-serif!important;letter-spacing:-.02em!important;color:#252b1f!important;margin:0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>div{padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important;flex:1!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>div>span{font:400 12px/1.6 TeslizeNoir,sans-serif!important;color:#747d69!important;margin:8px 0 0!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card footer{border:0!important;padding:16px 0 0!important;margin-top:auto!important;gap:10px!important;background:transparent!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card footer strong{font:500 12px/1.4 TeslizeNoir,sans-serif!important;color:#343d28!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card footer b{font:400 10px/1.4 TeslizeNoir,sans-serif!important;color:#747d68!important}
:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog-note{font:400 11px/1.6 TeslizeNoir,sans-serif!important;color:#7c8373!important;margin-top:30px!important}
@media(min-width:1700px){.tz-noir-hero{height:620px}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .tz-noir-hero h1{font-size:96px!important}}
@media(max-width:1100px){:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions .ep-contact-links span{display:none!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-inner{gap:20px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .tz-noir-hero h1{font-size:79px!important}.tz-noir-photo{left:23%}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-inner{height:68px!important;padding-inline:23px!important;gap:14px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-wordmark--teslize{width:112px!important;min-width:112px!important;max-width:112px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-wordmark--teslize img{width:112px!important;height:32px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-actions{gap:12px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .landing-header-quote{font-size:10px!important}.tz-noir-hero{height:652px}.tz-noir-copy{padding-top:37px}.tz-noir-breadcrumb{font-size:8px;letter-spacing:.13em}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .tz-noir-hero h1{font-size:60px!important;line-height:.995!important;letter-spacing:-.055em!important;margin-top:24px!important}.tz-noir-copy>p{font-size:11px;margin-top:22px}.tz-noir-explore{margin-top:19px;font-size:11px;gap:16px}.tz-noir-explore>span{width:29px;height:29px}.tz-noir-photo{inset:339px -44px 0 -57px}.tz-noir-photo img{object-position:62% 56%}.tz-noir-photo:after{background:linear-gradient(180deg,#090a0b,transparent 30%),linear-gradient(0deg,#090a0b,transparent 28%)}.tz-noir-caption{left:23px;right:23px;bottom:22px;font-size:7px}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog{padding:31px 23px 42px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-section-heading h2{font-size:29px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters>div{row-gap:7px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters>div>span{width:100%!important;font-size:10px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-filters button{padding:7px 11px!important;font-size:11px!important;min-height:32px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-catalog-tools{gap:20px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:29px 14px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>figure{aspect-ratio:1!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>header{padding-top:12px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>header>h3{font-size:15px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>header>p{font-size:8px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>div>span{font-size:10px!important;line-height:1.5!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card footer{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;padding-top:12px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card footer strong{font-size:11px!important}:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card>figure>span{font-size:8px!important;left:8px!important;top:8px!important}}
@media(prefers-reduced-motion:reduce){.tz-noir-hero *,:root.customer-teslize:not(#tz-noir-scope):has(.tz-noir-hero) .teslize-site .teslize-list-card *{transition:none!important}}