.vtl__heading{text-align:center;margin:0 0 4rem}.vtl__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem;align-items:start}@media screen and (min-width:990px){.vtl__layout--two-col{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:4.8rem}}view-through-lens{--vtl-pos: 50%;display:block;width:100%;min-width:0}.vtl__frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 10;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background-color:rgb(var(--color-background-secondary))}.vtl__frame>img,.vtl__frame>svg,.vtl__overlay img,.vtl__overlay svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.vtl__overlay{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--vtl-pos));pointer-events:none}.vtl__tint{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;pointer-events:none}.vtl__labels{position:absolute;top:1.6rem;left:1.6rem;right:1.6rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;pointer-events:none;z-index:2}.vtl__label{display:inline-flex;flex-direction:column;gap:.2rem;max-width:46%;padding:.8rem 1.2rem;border-radius:.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));line-height:1.25;overflow-wrap:anywhere}.vtl__label--right{text-align:right;align-items:flex-end}.vtl__label-note{opacity:.55}.vtl__divider{position:absolute;top:0;bottom:0;left:var(--vtl-pos);width:2px;margin-left:-1px;background-color:rgb(var(--color-background));pointer-events:none;z-index:2}.vtl__handle{position:absolute;top:50%;left:var(--vtl-pos);width:5.2rem;height:5.2rem;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgb(var(--color-background));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:grab;z-index:3;box-shadow:0 2px 12px #00000040;touch-action:none}view-through-lens[data-dragging] .vtl__handle{cursor:grabbing}.vtl__handle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.vtl__handle svg{width:2.2rem;height:2.2rem}.vtl__panel{min-width:0}.vtl__panel-media{width:100%;aspect-ratio:4 / 3;overflow:hidden;background-color:rgb(var(--color-background-secondary))}.vtl__panel-media img{width:100%;height:100%;object-fit:cover;display:block}.vtl__panel-title{margin:2.4rem 0 .8rem}.vtl__panel-meta{display:block;color:rgba(var(--color-foreground),.6)}.vtl__vlt{margin-top:2.8rem;padding:1.8rem 2rem;border-radius:.8rem;background-color:rgba(var(--color-foreground),.05)}.vtl__vlt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.vtl__vlt-title{font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.vtl__vlt-info{flex-shrink:0;display:inline-flex;padding:0;border:0;background:none;cursor:help;color:rgba(var(--color-foreground),.45)}.vtl__vlt-info svg{width:1.9rem;height:1.9rem}.vtl__vlt-info:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:50%}.vtl__vlt-track{position:relative;height:1.4rem;margin:1.6rem 0 1.2rem;border-radius:999px;background-color:rgba(var(--color-foreground),.14);overflow:hidden}.vtl__vlt-band{position:absolute;top:0;bottom:0;border-radius:999px;background-color:rgba(var(--color-foreground),.62)}.vtl__vlt-icons{display:flex;align-items:center;justify-content:space-between;color:rgba(var(--color-foreground),.75)}.vtl__vlt-icon svg{width:2.4rem;height:2.4rem;display:block}.vtl__vlt-caption{margin:1.2rem 0 0;font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1.4;color:rgba(var(--color-foreground),.72)}.vtl__panel-text{margin-top:2.8rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.65;color:rgb(var(--color-foreground))}.vtl__ideal{display:flex;align-items:baseline;gap:1rem;margin-top:2.8rem;padding:2rem 0;border-top:1px solid rgba(var(--color-foreground),.15);border-bottom:1px solid rgba(var(--color-foreground),.15);font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.4;white-space:nowrap}.vtl__ideal-label{font-weight:700;flex-shrink:0}.vtl__ideal-values{display:flex;align-items:baseline;gap:1.2rem;min-width:0;overflow-x:auto;scrollbar-width:none;color:rgba(var(--color-foreground),.55)}.vtl__ideal-values::-webkit-scrollbar{display:none}.vtl__ideal-sep{color:rgba(var(--color-foreground),.32)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-view-through-lens.css.map */