.obsidian-parallax-slider{--obsidian-parallax-muted:color-mix(in oklab,currentColor 55%,transparent);--obsidian-parallax-caption:color-mix(in oklab,currentColor 72%,transparent);--obsidian-parallax-frame:color-mix(in oklab,currentColor 6%,transparent);--obsidian-parallax-default-width:270px;--obsidian-parallax-default-height:480px;--obsidian-parallax-default-gap:20px;--obsidian-parallax-default-fade:4rem;--obsidian-parallax-space:clamp(2.5rem,7cqi,6rem);--obsidian-parallax-mono:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);background:var(--obsidian-parallax-background,transparent);width:100%;color:var(--obsidian-parallax-foreground);position:relative;overflow:hidden;container-type:inline-size}.obsidian-parallax-slider[data-orientation=landscape]{--obsidian-parallax-default-width:360px;--obsidian-parallax-default-height:225px}.obsidian-parallax-slider__inner{padding-block:var(--obsidian-parallax-space)calc(var(--obsidian-parallax-space) - 1.5rem)}.obsidian-parallax-slider__header{justify-content:space-between;align-items:flex-end;gap:2rem;padding:0 2.5rem 4rem;display:flex}.obsidian-parallax-slider__eyebrow{font-family:var(--obsidian-parallax-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--obsidian-parallax-muted);align-items:center;gap:1rem;margin:0 0 1.5rem;font-size:.65rem;font-weight:400;display:flex}.obsidian-parallax-slider__eyebrow:before{content:"";background:currentColor;width:1.5rem;height:1px;display:block}.obsidian-parallax-slider__title{letter-spacing:-.03em;color:inherit;margin:0;font-size:clamp(2.5rem,6cqi,5.5rem);font-weight:300;line-height:.95}.obsidian-parallax-slider__description{max-width:280px;font-family:var(--obsidian-parallax-mono);letter-spacing:.1em;text-align:right;text-transform:uppercase;color:var(--obsidian-parallax-muted);margin:0;font-size:.7rem;line-height:1.7}.obsidian-parallax-slider__viewport{--obsidian-parallax-width:var(--obsidian-parallax-slide-width,var(--obsidian-parallax-default-width));--obsidian-parallax-height:var(--obsidian-parallax-slide-height,var(--obsidian-parallax-default-height));--obsidian-parallax-spacing:var(--obsidian-parallax-gap,var(--obsidian-parallax-default-gap));--obsidian-parallax-edge:var(--obsidian-parallax-fade,var(--obsidian-parallax-default-fade));height:calc(var(--obsidian-parallax-height) + 3rem);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--obsidian-parallax-edge),#000 calc(100% - var(--obsidian-parallax-edge)),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--obsidian-parallax-edge),#000 calc(100% - var(--obsidian-parallax-edge)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--obsidian-parallax-edge),#000 calc(100% - var(--obsidian-parallax-edge)),transparent);outline:none;position:relative;overflow:clip}.obsidian-parallax-slider[data-dragging=true] .obsidian-parallax-slider__viewport{cursor:grabbing}.obsidian-parallax-slider__viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--obsidian-parallax-caption);-webkit-mask-image:none;mask-image:none}.obsidian-parallax-slider__track{gap:var(--obsidian-parallax-spacing);width:max-content;height:100%;will-change:transform;padding-inline-start:calc(var(--obsidian-parallax-spacing)/2);display:flex}.obsidian-parallax-slider__slide{width:var(--obsidian-parallax-width);height:var(--obsidian-parallax-height);flex:none;position:relative}.obsidian-parallax-slider__link{width:100%;height:100%;color:inherit;outline:none;text-decoration:none;display:block}.obsidian-parallax-slider__frame{border-radius:var(--obsidian-parallax-radius,10px);background:var(--obsidian-parallax-frame);width:100%;height:100%;display:block;position:relative;overflow:hidden}.obsidian-parallax-slider__link:focus-visible .obsidian-parallax-slider__frame{box-shadow:inset 0 0 0 2px}.obsidian-parallax-slider__image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:100%;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.obsidian-parallax-slider__caption{font-family:var(--obsidian-parallax-mono);text-transform:uppercase;color:var(--obsidian-parallax-caption);opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;line-height:1.4;transition:opacity .3s;display:flex;position:absolute;top:calc(100% + .75rem);left:0;right:0}.obsidian-parallax-slider__caption svg{stroke-width:2px;flex:none;width:14px;height:14px}.obsidian-parallax-slider__slide:hover .obsidian-parallax-slider__caption,.obsidian-parallax-slider__link:focus-visible .obsidian-parallax-slider__caption{opacity:1}@media (hover:none){.obsidian-parallax-slider__caption{opacity:1}}.obsidian-parallax-slider[data-moving=true] .obsidian-parallax-slider__caption{opacity:0}@container (max-width:720px){.obsidian-parallax-slider__header{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1.25rem 2.5rem}.obsidian-parallax-slider__description{text-align:left}.obsidian-parallax-slider__viewport{--obsidian-parallax-default-width:200px;--obsidian-parallax-default-height:356px;--obsidian-parallax-default-gap:14px;--obsidian-parallax-default-fade:1.5rem}.obsidian-parallax-slider[data-orientation=landscape] .obsidian-parallax-slider__viewport{--obsidian-parallax-default-width:260px;--obsidian-parallax-default-height:163px}}@media (prefers-reduced-motion:reduce){.obsidian-parallax-slider__caption{transition:none}}.obsidian-parallax-slider--frames{--obsidian-parallax-space:0px;--obsidian-parallax-gap:.5rem;--obsidian-parallax-fade:0px;--obsidian-parallax-radius:0px;--obsidian-parallax-slide-width:calc(50cqi - .5rem);--obsidian-parallax-slide-height:calc((50cqi - .5rem)*3/2)}.obsidian-parallax-slider--frames .obsidian-parallax-slider__inner{padding-block:0}.obsidian-parallax-slider--frames .obsidian-parallax-slider__viewport{height:calc(var(--obsidian-parallax-height) + .5rem);-webkit-mask-image:none;mask-image:none}.obsidian-parallax-slider--frames .obsidian-parallax-slider__track{padding-inline-start:0}.obsidian-parallax-slider--frames .obsidian-parallax-slider__caption{color:#fafafa;padding-inline:.75rem;top:auto;bottom:.75rem}@media (min-width:768px){.obsidian-parallax-slider--frames{--obsidian-parallax-slide-width:calc(33.333cqi - .67rem);--obsidian-parallax-slide-height:calc((33.333cqi - .67rem)*3/2)}}
