.landing-hero{position:relative;display:flex;align-items:flex-end;min-height:400px;overflow:hidden;border-radius:var(--block-border-radius, 6px);background:#222}.landing-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.landing-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000b8,#00000059 55%,#0000)}.landing-hero__copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:640px;padding:36px;color:#fff}.landing-hero__heading,.landing-hero__text,.landing-hero__text a{color:#fff}.landing-hero__text{font-size:1.1em}.landing-hero__text p{margin:0}.landing-hero__reviews{color:#fff;font-weight:600}.landing-hero.landing-hero--plain{min-height:0;background:none;border-radius:0}.landing-hero--plain .landing-hero__copy{padding:8px 0;color:inherit}.landing-hero--plain .landing-hero__heading,.landing-hero--plain .landing-hero__text,.landing-hero--plain .landing-hero__reviews{color:inherit}.landing-hero--plain .landing-hero__text a{color:rgb(var(--link-color))}.landing-picture{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.landing-picture__image{width:100%;height:auto;border-radius:var(--block-border-radius, 6px)}.landing-picture__text{font-weight:700}.landing-banner{display:block}.landing-banner__image{width:100%;aspect-ratio:3;object-fit:cover;border-radius:var(--block-border-radius, 6px)}.landing-video-wrap{max-width:960px;margin:0 auto}.landing-video__player[loading=lazy]{opacity:1}.landing-video__player{display:block;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--block-border-radius, 6px)}.landing-video__caption{margin-top:10px}.landing-spotlight{display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border-radius:var(--block-border-radius, 6px);background:#f7f7f7}.landing-spotlight__media{aspect-ratio:3 / 2;overflow:hidden}.landing-spotlight__image{width:100%;height:100%;object-fit:cover}.landing-spotlight__media--product .landing-spotlight__image{object-fit:contain;mix-blend-mode:multiply}.landing-spotlight__copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px}.landing-spotlight__vendor{font-size:.8em;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.landing-spotlight__sold-out{font-weight:700}.landing-spotlight__text p{margin:0 0 8px}@media(max-width:768.98px){.landing-hero{min-height:320px}.landing-hero__copy{padding:22px}.landing-hero--plain .landing-hero__copy{padding:8px 0}.landing-spotlight{grid-template-columns:1fr}}.landing-block--title{margin-top:8px}.landing-hero--plain.landing-hero--title .landing-hero__copy{align-items:center;width:100%;max-width:none;padding:0;text-align:center}.landing-hero--title .landing-hero__heading{font-size:calc(var(--h1-font-size) * .875)}.landing-hero--title .landing-hero__text{max-width:820px}.landing-compare{overflow-x:auto}.landing-compare table,.landing-sizes table{width:100%;border-collapse:collapse}.landing-compare th,.landing-compare td,.landing-sizes th,.landing-sizes td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.1)}.landing-compare thead th a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.landing-compare__image{width:96px;height:96px;object-fit:contain}.landing-compare tbody th{white-space:nowrap;opacity:.75}.landing-compare__label{display:none}@media(max-width:767px){.landing-compare{scroll-snap-type:x mandatory}.landing-compare table{width:auto}.landing-compare__label{display:table-row}.landing-compare__label td{padding:10px 10px 0;border-bottom:0;font-size:.85em;font-weight:700;opacity:.75}.landing-compare thead th:first-child,.landing-compare tbody th{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.landing-compare thead th:not(:first-child),.landing-compare tbody tr:not(.landing-compare__label) td{width:44vw;min-width:44vw;scroll-snap-align:start}.landing-compare__label+tr td{padding-top:2px}}.landing-kit{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding:14px 18px;border-radius:var(--block-border-radius, 6px);background:#f7f7f7}.landing-kit__text{flex:1;min-width:200px}.landing-kit__total{font-weight:700;font-size:1.1em}.landing-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.landing-chip{display:inline-block;padding:6px 14px;border:1px solid rgba(0,0,0,.15);border-radius:999px;font-weight:700;text-decoration:none;color:inherit}.landing-chip--big{padding:10px 18px}.landing-chips--small .landing-chip{padding:4px 10px;font-size:12px}.landing-chips--large .landing-chip{padding:10px 20px;font-size:16px}.landing-chips--carousel{flex-wrap:nowrap;overflow-x:auto}.landing-chips--carousel>li{flex:none}.landing-tiles{--tiles-across: 2;grid-template-columns:repeat(var(--tiles-across),minmax(0,1fr))}.landing-tiles--small{--tiles-across: 4}.landing-tiles.landing-tiles--xsmall{--tiles-across: 5;--column-gap: 10px;column-gap:var(--column-gap)}.landing-tiles--xsmall .card__title{font-size:11px;line-height:1.25}.landing-tiles.slider__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--column-gap) * (var(--tiles-across) - 1)) / var(--tiles-across))}@media(min-width:600px){.landing-tiles--medium{--tiles-across: 3}}@media(min-width:769px){.landing-tiles.landing-tiles--xsmall{--tiles-across: 8;--column-gap: 12px}.landing-tiles--xsmall .card__title{font-size:14px}.landing-tiles--small{--tiles-across: 6}.landing-tiles--medium{--tiles-across: 4}.landing-tiles--large{--tiles-across: 3}}@media(min-width:1024px){.landing-tiles.landing-tiles--xsmall{--tiles-across: 10}.landing-tiles--small{--tiles-across: 8}.landing-tiles--medium{--tiles-across: 5}.landing-tiles--large{--tiles-across: 4}}@media(min-width:1280px){.landing-tiles.landing-tiles--xsmall{--tiles-across: 12}.landing-tiles--medium{--tiles-across: 6}}.landing-tiles:not(.slider__grid){display:flex;flex-wrap:wrap;justify-content:center}.landing-tiles:not(.slider__grid)>li{flex:0 0 calc((100% - var(--column-gap) * (var(--tiles-across) - 1)) / var(--tiles-across));min-width:0}.carousel[inactive] .landing-tiles.slider__grid{justify-content:center}.landing-block .landing-side-nav.slider-nav{--side-nav-inset: var(--gutter);left:var(--side-nav-inset);right:var(--side-nav-inset);top:50%;transform:translateY(-50%);justify-content:space-between;align-items:center;pointer-events:none}.landing-block--brands .landing-side-nav.slider-nav{--side-nav-inset: 0px}.landing-block .landing-side-nav .slider-nav__btn{margin-top:0;margin-bottom:0;pointer-events:auto}.landing-block .landing-side-nav .slider-nav__btn[name=prev]{translate:-50% 0}.landing-block .landing-side-nav .slider-nav__btn[name=next]{translate:50% 0}@media(min-width:769px){.landing-block .landing-side-nav.slider-nav{display:flex}.landing-block [inactive] .landing-side-nav.slider-nav,.no-js .landing-block .landing-side-nav.slider-nav{display:none}}@media(min-width:1280px){.landing-block .landing-side-nav.slider-nav{transform:translateY(-50%)}.landing-block .landing-side-nav .slider-nav__btn[name=prev]{translate:calc(-100% - var(--gutter-lg, 80px) / 4) 0}.landing-block .landing-side-nav .slider-nav__btn[name=next]{translate:calc(100% + var(--gutter-lg, 80px) / 4) 0}}.landing-finder{padding:20px;border-radius:var(--block-border-radius, 6px);background:#f7f7f7}.landing-finder__question{margin:0 0 12px}.landing-sizes{margin-bottom:14px}.landing-sizes__product{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;color:inherit}.landing-sizes__product img{width:64px;height:64px;object-fit:contain}.landing-sizes th,.landing-sizes td{vertical-align:middle}.landing-sizes th[scope=row],.landing-sizes__price{white-space:nowrap}.landing-sizes__choices{display:flex;flex-wrap:wrap;gap:6px}.landing-sizes__choices .landing-sizes__out{display:inline-flex;align-items:center;padding:4px 10px;border:1px dashed rgba(0,0,0,.2);border-radius:4px;font-size:.85em;opacity:.7}.landing-checklist{margin:0;padding:0;list-style:none}.landing-checklist li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid rgba(0,0,0,.1)}.landing-checklist li:before{content:"\2713";position:absolute;left:4px;font-weight:700}.landing-checklist__note{display:block;opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/46/assets/landing-blocks.css.map */