.template-page-brand-zipp{--zipp-ink: #0d0d0d;--zipp-carbon: #1b1b1b;--zipp-paper: #f4f4f2;--zipp-line: rgba(255, 255, 255, .16)}.template-page-brand-zipp .brand-page{--brand-radius: 4px}.template-page-brand-zipp .brand-page .brand-eyebrow{text-transform:none;letter-spacing:0;font-size:.95rem}.template-page-brand-zipp .brand-page .brand-eyebrow:empty{display:none}.template-page-brand-zipp .brand-hero__logo{max-height:34px;width:auto}.template-page-brand-zipp .brand-hero--overlay .brand-hero__logo{filter:invert(1)}.template-page-brand-zipp .brand-hero__actions .button:not(.outline){background:#fff;border-color:#fff;color:var(--zipp-ink)}.template-page-brand-zipp .brand-hero__actions .button.outline{color:#fff;border-color:#fff;background:transparent}.template-page-brand-zipp .brand-slider__nav button{border-radius:var(--button-border-radius, 0)}.template-page-brand-zipp .brand-features--numbered .brand-feature__body:before{font-size:.95rem;font-weight:var(--font-body-bold-weight, 600);color:#0d0d0d80;border-top:1px solid rgba(13,13,13,.2);padding-top:12px;margin-bottom:8px}.template-page-brand-zipp .brand-features--numbered .brand-feature__body h3{font-size:1.05rem;margin:0 0 .35rem}@media(max-width:767px){.template-page-brand-zipp .brand-features--numbered{gap:20px}}.template-page-brand-zipp .brand-split .button.outline{border-color:#fff;color:#fff;background:transparent}.template-page-brand-zipp .brand-split .button.outline:hover{background:#fff;color:var(--zipp-ink)}.template-page-brand-zipp .brand-timeline__mark{font-size:1.15rem}.template-page-brand-zipp .brand-timeline__body img{max-width:280px}.template-page-brand-zipp .brand-timeline--vertical{border-left-width:1px;gap:24px}.template-page-brand-zipp .brand-timeline--vertical .brand-timeline__item:before{left:-29px;width:9px;height:9px;border-radius:0}@media(min-width:900px){.template-page-brand-zipp .brand-timeline--vertical{max-width:960px}.template-page-brand-zipp .brand-timeline--vertical .brand-timeline__item{display:grid;grid-template-columns:90px 1fr;gap:24px}.template-page-brand-zipp .brand-timeline__body{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;column-gap:24px;align-content:start}.template-page-brand-zipp .brand-timeline__body img{grid-row:span 2;margin:0}.template-page-brand-zipp .brand-timeline__body>:not(img){grid-column:2}.template-page-brand-zipp .brand-timeline__body h3:first-child,.template-page-brand-zipp .brand-timeline__body h3:first-child~.rte{grid-column:1 / -1}}.template-page-brand-zipp .brand-workshop{background:var(--zipp-paper)}.template-page-brand-zipp .brand-workshop .button:not(.outline){background:var(--zipp-ink);border-color:var(--zipp-ink);color:#fff}.template-page-brand-zipp .brand-workshop__list li{padding-left:1.1rem}.template-page-brand-zipp .brand-workshop__list li:before{content:"";top:.65em;width:6px;height:6px;background:var(--zipp-ink)}.template-page-brand-zipp .brand-workshop__steps li:before{background:var(--zipp-ink);border-radius:0}@media(max-width:599px){.template-page-brand-zipp .brand-workshop__steps{grid-template-columns:1fr}.template-page-brand-zipp .brand-workshop__steps li{display:flex;gap:10px;align-items:flex-start}.template-page-brand-zipp .brand-workshop__steps li:before{flex:0 0 24px;margin-bottom:0}}.zipp-depth{background:var(--zipp-ink, #0d0d0d);color:#fff;font-variant-numeric:tabular-nums}.zipp-depth h2,.zipp-depth h3{color:#fff}.zipp-depth__head{display:grid;gap:20px;margin-bottom:32px}@media(min-width:900px){.zipp-depth__head{grid-template-columns:1.2fr 1fr;align-items:end}}.zipp-depth__head h2{margin:0 0 .6rem}.zipp-depth__intro{color:#fffc;max-width:640px}.zipp-depth__intro p:last-child{margin-bottom:0}.zipp-depth__filters{display:flex;flex-wrap:wrap;gap:6px}@media(min-width:900px){.zipp-depth__filters{justify-content:flex-end}}.zipp-depth__filters button{font:inherit;font-size:.875rem;font-weight:var(--font-body-bold-weight, 600);line-height:1;height:38px;padding:0 14px;cursor:pointer;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:var(--button-border-radius, 0);transition:background-color .2s,color .2s,border-color .2s}.zipp-depth__filters button:hover{border-color:#fff}.zipp-depth__filters button.is-active{background:#fff;color:var(--zipp-ink, #0d0d0d);border-color:#fff}.zipp-depth__chart{position:relative;--zipp-h: 180px}.zipp-depth__scale{display:none}@media(min-width:900px){.zipp-depth__chart{padding-left:56px}.zipp-depth__scale{display:block;position:absolute;left:0;top:12px;width:100%;height:var(--zipp-h);pointer-events:none}.zipp-depth__scale span{position:absolute;left:0;right:0;top:calc(var(--v) / var(--zipp-max) * 100%);border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;line-height:1;color:#ffffff80;padding-top:4px}}.zipp-depth__list{list-style:none;margin:0;padding:0 0 12px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.zipp-depth__item{scroll-snap-align:start;display:flex;flex-direction:column;transition:opacity .25s ease;min-width:0}.zipp-depth__item.is-dim{opacity:.25}.zipp-depth__bar{position:relative;height:calc(var(--zipp-h) + 12px)}.zipp-depth__bar:before{content:"";position:absolute;left:20%;right:20%;top:0;height:12px;border-radius:3px;background:#3a3a3a}.zipp-depth__rim{position:absolute;left:27%;right:27%;top:12px;height:calc(var(--d1) / var(--zipp-max) * var(--zipp-h));background:#cfcfcf;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}.zipp-depth__rim--var{height:calc(var(--d2) / var(--zipp-max) * var(--zipp-h));-webkit-mask:linear-gradient(180deg,#000 calc(var(--d1) / var(--d2) * 100%),rgba(0,0,0,.45) 0);mask:linear-gradient(180deg,#000 calc(var(--d1) / var(--d2) * 100%),rgba(0,0,0,.45) 0)}.zipp-depth__meta{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 0;border-top:1px solid var(--zipp-line, rgba(255,255,255,.16));text-align:center}.zipp-depth__mm{font-size:1.15rem;font-weight:var(--font-heading-weight, 700);line-height:1.2}.zipp-depth__w{font-size:.8rem;color:#fff9}.zipp-depth__card{border-top:1px solid var(--zipp-line, rgba(255,255,255,.16));padding:14px 2px 0;flex:1;font-size:.9rem}.zipp-depth__card h3{font-size:1rem;margin:0 0 4px}.zipp-depth__uses{font-size:.8rem;color:#fff9;margin:0 0 8px}.zipp-depth__card .rte{color:#ffffffd1}.zipp-depth__card .rte p{margin:0 0 6px}.zipp-depth__link{display:inline-block;margin-top:6px;color:#fff;font-weight:var(--font-body-bold-weight, 600);text-decoration:underline;text-underline-offset:3px}.zipp-depth__note{margin-top:24px;color:#ffffffa6;font-size:.875rem;max-width:820px}.zipp-depth__note a{color:#fff}.zipp-cockpit{background:var(--zipp-paper, #f4f4f2);color:var(--zipp-ink, #0d0d0d);font-variant-numeric:tabular-nums}.zipp-cockpit__grid{display:grid;gap:28px}@media(min-width:960px){.zipp-cockpit__grid{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}.zipp-cockpit h2{margin:0 0 .6rem}.zipp-cockpit__svg{margin:0;background:#fff;border-radius:4px;padding:16px;border:1px solid rgba(0,0,0,.08)}.zipp-cockpit__svg svg{width:100%;height:auto;display:block;font-family:inherit}.zipp-cockpit__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;list-style:none;font-size:.875rem}.zipp-cockpit__legend i{display:inline-block;width:22px;height:3px;vertical-align:middle;margin-right:6px}.zipp-cockpit__svg figcaption{font-size:.8rem;color:#0009;margin-top:6px}.zipp-cockpit__table-wrap{overflow-x:auto;margin-top:32px}.zipp-cockpit table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}.zipp-cockpit th,.zipp-cockpit td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(0,0,0,.1);vertical-align:top}.zipp-cockpit th{font-size:.85rem;font-weight:var(--font-body-bold-weight, 600);color:#0009}.zipp-cockpit td.num{white-space:nowrap}.zipp-cockpit td a{font-weight:var(--font-body-bold-weight, 600)}.zipp-cockpit__tips{margin-top:18px}.zipp-cockpit__tips li{margin-bottom:6px}@media(max-width:599px){.zipp-cockpit table{min-width:0}.zipp-cockpit thead{display:none}.zipp-cockpit tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.zipp-cockpit td{border:0;padding:0}.zipp-cockpit td:first-child{grid-column:1 / -1;margin-bottom:4px}.zipp-cockpit td[data-label]:before{content:attr(data-label) ": ";color:#0009}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/brand-zipp.css.map */