.vst .pfh{--pfh-ease: cubic-bezier(.22, 1, .36, 1);--pfh-gap: var(--s5);--pfh-viewer: 35%;--pfh-media-bg: #F1F1EF;--pfh-line: var(--border)}.vst .pfh-dev{padding-top:var(--s5);padding-bottom:var(--s2)}.vst .pfh-dev-title{font:600 .875rem/1.4 var(--font-body);letter-spacing:.02em;color:var(--ink);margin:0}.vst .pfh-dev-note{font-size:.75rem;line-height:1.5;color:var(--muted);margin:2px 0 0}.vst .pfh-demo{padding:var(--s7) 0 var(--s9)}.vst .pfh-demo .pfh-head{margin-bottom:var(--s5)}.vst .pfh-kicker{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s2)}.vst .pfh-demo .pfh-head h2{margin:0}.vst .pfh-band{background:var(--surface-neutral);padding:var(--s7) 0 var(--s8)}@media(max-width:767px){.vst .pfh-band{padding:var(--s5) 0 var(--s7)}}.vst .pfh-controls{transition:opacity .25s ease,visibility 0s linear 0s}.vst .pfh[data-state=expanded] .pfh-controls{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.vst .pfh-stage{position:relative;overflow:clip}.vst .pfh-track{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;gap:var(--pfh-gap);grid-auto-columns:calc((100% - 3 * var(--pfh-gap)) / 4);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.vst .pfh-track::-webkit-scrollbar{display:none}@media(max-width:1199px){.vst .pfh-track{grid-auto-columns:calc((100% - 2 * var(--pfh-gap)) / 3)}}@media(max-width:1023px){.vst .pfh{--pfh-gap: var(--s4)}.vst .pfh-track{grid-auto-columns:calc((100% - var(--pfh-gap)) / 2.2)}}@media(max-width:767px){.vst .pfh-track{grid-auto-columns:78%}}.vst .pfh-stage.is-animating .pfh-track{align-items:start}.vst .pfh-item{position:relative;z-index:1;min-width:0;scroll-snap-align:start}.vst .pfh-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--pfh-line);border-radius:var(--radius);overflow:hidden;transition:border-color .25s ease}.vst .pfh-media{position:relative;flex:none;aspect-ratio:4 / 5;background:var(--pfh-media-bg);overflow:hidden;isolation:isolate}.vst .pfh-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:7% 9%;mix-blend-mode:multiply;opacity:0;transition:opacity .2s ease}.vst .pfh-img.is-on{opacity:1}.vst .pfh-img[data-type=section],.vst .pfh-img[data-type=detail]{object-fit:cover;padding:0}.vst .pfh-img[data-type=drawing]{padding:10%}.vst .pfh-img[data-type=photo],.vst .pfh-img[data-type=installation]{object-fit:cover;padding:0;mix-blend-mode:normal}.vst .pfh-body{padding:20px var(--s5) var(--s5);display:flex;flex-direction:column;flex:1}.vst .pfh-meta{font-size:var(--fs-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}.vst .pfh-name{margin:4px 0 0;font-size:var(--fs-h4)}.vst .pfh-values-wrap{overflow:hidden;margin-bottom:20px}.vst .pfh-values{--row: calc(var(--fs-small) * 1.5);margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--pfh-line);display:grid;align-content:start;gap:6px;font-size:var(--fs-small);line-height:1.5;min-height:calc(12px + 3 * var(--row) + 2 * 6px)}.vst .pfh-values div{display:flex;justify-content:space-between;gap:var(--s3)}.vst .pfh-values dt{color:var(--muted)}.vst .pfh-values dd{margin:0;font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.vst .pfh-item.is-focus .pfh-values-wrap{height:0;visibility:hidden}.vst .pfh-toggle{--cut: 14px;position:relative;isolation:isolate;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;margin:auto 0 0;width:100%;min-height:52px;padding:0 calc(var(--cut) + 18px) 0 20px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;font:600 .8125rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);transition:color .3s ease}.vst .pfh-toggle:before,.vst .pfh-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}.vst .pfh-toggle:before{background:#ededea}.vst .pfh-toggle:after{background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .42s var(--pfh-ease),background-color .2s ease}.vst .pfh-toggle-line{flex:none;width:16px;height:1.5px;background:var(--bronze);transition:width .3s var(--pfh-ease)}.vst .pfh-toggle-label{flex:1}.vst .pfh-toggle-icon{flex:none;position:relative;width:12px;height:12px}.vst .pfh-toggle-icon:before,.vst .pfh-toggle-icon:after{content:"";position:absolute;background:currentColor;transition:transform .3s var(--pfh-ease)}.vst .pfh-toggle-icon:before{left:0;right:0;top:50%;height:1.5px;margin-top:-.75px}.vst .pfh-toggle-icon:after{top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px}.vst .pfh-toggle[aria-expanded=true] .pfh-toggle-icon:after{transform:scaleY(0)}.vst .pfh-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.vst .pfh-toggle[aria-expanded=true],.vst .pfh-toggle:focus-visible,.vst .pfh[data-state=browse] .pfh-card:hover .pfh-toggle{color:#fff}.vst .pfh-toggle[aria-expanded=true]:after,.vst .pfh-toggle:focus-visible:after,.vst .pfh[data-state=browse] .pfh-card:hover .pfh-toggle:after{transform:none}.vst .pfh-toggle:hover:after{background-color:#2b2b2b}.vst .pfh-toggle:hover .pfh-toggle-line,.vst .pfh-toggle:focus-visible .pfh-toggle-line{width:28px}@media(hover:none),(pointer:coarse){.vst .pfh-toggle{color:#fff}.vst .pfh-toggle:after{transform:none}}@media(hover:hover)and (pointer:fine){.vst .pfh[data-state=browse] .pfh-card:hover{border-color:#b9b3aa}}.vst .pfh[data-state=browse] .pfh-card:focus-within{border-color:#b9b3aa}.vst .pfh-thumbs{display:none;overflow:hidden}.vst .pfh-item.is-focus .pfh-thumbs,.vst .pfh-item.is-leaving .pfh-thumbs{display:block}.vst .pfh-thumbs-inner{padding:var(--s4) var(--s5) 0}.vst .pfh-thumb-list{list-style:none;margin:0;padding:0;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.vst .pfh-thumb-list::-webkit-scrollbar{display:none}.vst .pfh-thumb{-webkit-appearance:none;appearance:none;border:0;background:none;padding:0 0 6px;margin:0;cursor:pointer;position:relative;flex:none;width:56px;opacity:.55;transition:opacity .15s ease}.vst .pfh-thumb-media{display:block;width:56px;aspect-ratio:4 / 5;background:var(--pfh-media-bg);overflow:hidden;isolation:isolate}.vst .pfh-thumb img{width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}.vst .pfh-thumb img[data-type=section],.vst .pfh-thumb img[data-type=detail]{object-fit:cover;padding:0}.vst .pfh-thumb img[data-type=photo],.vst .pfh-thumb img[data-type=installation]{object-fit:cover;padding:0;mix-blend-mode:normal}.vst .pfh-thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--pfh-ease)}.vst .pfh-thumb:hover{opacity:.85}.vst .pfh-thumb[aria-pressed=true]{opacity:1}.vst .pfh-thumb[aria-pressed=true]:after{transform:none}.vst .pfh-thumb:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;opacity:1}.vst .pfh-caption{margin:10px 0 0;font-size:.8125rem;line-height:1.4;color:var(--muted);min-height:1.4em}.vst .pfh-stage.is-expanded{display:grid;grid-template-columns:var(--pfh-viewer) minmax(0,1fr);align-items:stretch}.vst .pfh-stage.is-expanded .pfh-track{display:block;overflow:visible;grid-column:1;grid-row:1;scroll-snap-type:none}.vst .pfh-stage.is-expanded .pfh-item.is-focus{z-index:3;height:100%}.vst .pfh-stage.is-expanded .pfh-item.is-focus .pfh-card{border-radius:var(--radius) 0 0 var(--radius)}.vst .pfh-item.is-focus .pfh-toggle,.vst .pfh-item.is-leaving .pfh-toggle{margin-top:0}.vst .pfh-stage.is-expanded .pfh-item.is-away{position:absolute;top:0;z-index:1;left:calc(100% + var(--pfh-gap) + var(--k, 0) * (var(--pfh-card-w) + var(--pfh-gap)));width:var(--pfh-card-w);height:var(--pfh-card-h)}.vst .pfh-stage.is-expanded .pfh-item.is-away.is-before{left:calc(-1 * (var(--pfh-card-w) + var(--pfh-gap)) - var(--k, 0) * (var(--pfh-card-w) + var(--pfh-gap)))}.vst .pfh-item.is-gone{visibility:hidden}.vst .pfh-info{grid-column:2;grid-row:1;position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--pfh-line);border-left:0;border-radius:0 var(--radius) var(--radius) 0}.vst .pfh-info.is-closing{position:absolute;margin:0}.vst .pfh-info-inner{flex:1;display:flex;flex-direction:column;padding:44px 56px 40px}.vst .pfh-panels{flex:1;display:grid}.vst .pfh-panel{grid-area:1 / 1;visibility:hidden;min-width:0}.vst .pfh-panel.is-active{visibility:visible}@media(max-width:1279px)and (min-width:1024px){.vst .pfh-info-inner{padding:40px 40px 36px}}@media(max-width:1023px){.vst .pfh-stage.is-expanded{grid-template-columns:minmax(0,1fr)}.vst .pfh-stage.is-expanded .pfh-item.is-focus{height:auto}.vst .pfh-stage.is-expanded .pfh-item.is-focus .pfh-card{border-radius:var(--radius) var(--radius) 0 0}.vst .pfh-item.is-focus .pfh-media,.vst .pfh-item.is-leaving .pfh-media{max-height:min(44vh,440px)}.vst .pfh-info{grid-column:1;grid-row:2;border-left:1px solid var(--pfh-line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.vst .pfh-info-inner{padding:32px}}@media(max-width:767px){.vst .pfh-info-inner{padding:28px 20px 24px}.vst .pfh-body{padding:18px 20px 20px}.vst .pfh-thumbs-inner{padding:var(--s4) 20px 0}}.vst .pfh-eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.vst .pfh-eyebrow:before{content:"";width:24px;height:1.5px;background:var(--bronze)}.vst .pfh-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.875rem,1.4rem + 1.2vw,2.5rem);line-height:1.1;margin:0 0 16px}.vst .pfh-intro{font-size:var(--fs-body-lg);line-height:1.6;color:var(--body);max-width:62ch;margin:0}.vst .pfh-tabs{position:relative;display:flex;gap:28px;margin:32px 0 28px;border-bottom:1px solid var(--pfh-line)}.vst .pfh-tab{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0 2px 14px 0;margin:0;cursor:pointer;position:relative;min-height:44px;display:flex;flex:none;align-items:flex-end;gap:10px;white-space:nowrap;font:600 .8125rem/1.3 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-align:left}.vst .pfh-tab-icon{flex:none;width:20px;height:20px;margin-bottom:-2px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;color:var(--ink);transition:color .22s ease}.vst .pfh-tab-label{display:block}.vst .pfh-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--pfh-ease)}.vst .pfh-tab:hover:after{transform:none}.vst .pfh-tab[aria-selected=true]:after{display:none}.vst .pfh-tab:hover .pfh-tab-icon,.vst .pfh-tab[aria-selected=true] .pfh-tab-icon{color:var(--bronze-dark)}.vst .pfh-tab:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vst .pfh-tab-ind{position:absolute;left:0;top:0;width:0;height:2px;background:var(--bronze);pointer-events:none;transition:transform .26s var(--pfh-ease),width .26s var(--pfh-ease)}.vst .pfh-tab-ind.is-instant{transition:none}@media(max-width:1279px){.vst .pfh-tabs{gap:16px}.vst .pfh-tab{letter-spacing:.04em;font-size:.71875rem;gap:7px}.vst .pfh-tab-icon{width:18px;height:18px}}@media(max-width:767px){.vst .pfh-tabs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;margin:28px 0 24px;border-bottom:0}.vst .pfh-tab{border-bottom:1px solid var(--pfh-line);padding:12px 0;align-items:center;letter-spacing:.04em;font-size:.75rem;gap:8px;flex:initial;white-space:normal}.vst .pfh-tab:after{bottom:-1px}}.vst .pfh-panel:focus-visible{outline:2px solid var(--focus);outline-offset:6px}.vst .pfh-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.vst .pfh-keyspecs{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:28px 32px;margin:0}.vst .pfh-keyspecs>div{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;align-content:start}.vst .pfh-keyspecs dt{grid-row:2;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0 0}.vst .pfh-keyspecs dd{grid-row:1;margin:0;font-family:var(--font-heading);font-weight:600;font-size:1.875rem;-webkit-hyphens:manual;hyphens:manual;line-height:1.12;color:var(--ink);font-variant-numeric:tabular-nums}.vst .pfh-keyspecs>div{grid-row:span 3}.vst .pfh-kv{letter-spacing:-.01em}.vst .pfh-ku{font-size:.5em;font-weight:600;letter-spacing:.04em;color:var(--body)}.vst .pfh-keyspecs dd.pfh-kn{grid-row:3;margin-top:3px;font-family:var(--font-body);font-weight:400;font-size:.8125rem;line-height:1.4;color:var(--muted);letter-spacing:0}.vst .pfh-highlights{margin:36px 0 0}.vst .pfh-highlights .pfh-label{margin:0 0 10px}.vst .pfh-highlights ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.vst .pfh-highlights li{position:relative;padding-left:26px;line-height:1.5;color:var(--ink)}.vst .pfh-highlights li:before{content:"";position:absolute;left:0;top:.78em;width:14px;height:1px;background:var(--bronze)}.vst .pfh-cond{display:block;margin-top:2px;font-size:var(--fs-small);color:var(--muted)}.vst .pfh-use{margin:40px 0 0;max-width:62ch;color:var(--body)}@media(max-width:1279px)and (min-width:1024px){.vst .pfh-keyspecs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.vst .pfh-keyspecs{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.vst .pfh-keyspecs dd{font-size:1.5rem}.vst .pfh-use{margin-top:28px}}.vst .pfh-props{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-content:start}.vst .pfh-props li{padding:14px 0;border-bottom:1px solid var(--pfh-line);line-height:1.5;color:var(--ink)}.vst .pfh-props li:nth-child(-n+2){border-top:1px solid var(--pfh-line)}@media(max-width:767px){.vst .pfh-props{grid-template-columns:1fr}.vst .pfh-props li:nth-child(2){border-top:0}}.vst .pfh-spec{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.vst .pfh-spec th,.vst .pfh-spec td{text-align:left;vertical-align:top;padding:14px 0;border-bottom:1px solid var(--pfh-line)}.vst .pfh-spec tr:first-child th,.vst .pfh-spec tr:first-child td{border-top:1px solid var(--pfh-line)}.vst .pfh-spec th{width:40%;padding-right:24px;font-weight:400;color:var(--muted)}.vst .pfh-spec td{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.vst .pfh-spec .pfh-pending{font-weight:400;font-style:italic;color:var(--muted)}.vst .pfh-note{font-size:var(--fs-small);color:var(--muted);margin:18px 0 0;max-width:62ch}.vst .pfh-docs{list-style:none;margin:0;padding:0;border-top:1px solid var(--pfh-line)}.vst .pfh-docs a{display:flex;align-items:center;gap:16px;min-height:56px;border-bottom:1px solid var(--pfh-line);text-decoration:none;color:var(--ink);font-weight:600}.vst .pfh-doc-type{font-size:.6875rem;letter-spacing:.1em;color:var(--muted);border:1px solid var(--pfh-line);padding:2px 6px;border-radius:2px}.vst .pfh-doc-size{margin-left:auto;font-weight:400;color:var(--muted);font-size:var(--fs-small)}.vst .pfh-empty{border-top:1px solid var(--pfh-line);padding:24px 0 0;display:flex;gap:18px;align-items:flex-start}.vst .pfh-empty-icon{flex:none;width:28px;height:34px;border:1.5px solid var(--border-input);border-radius:2px;position:relative;margin-top:2px}.vst .pfh-empty-icon:before,.vst .pfh-empty-icon:after{content:"";position:absolute;left:6px;right:6px;height:1.5px;background:var(--border)}.vst .pfh-empty-icon:before{top:11px}.vst .pfh-empty-icon:after{top:18px}.vst .pfh-empty-title{font-weight:600;color:var(--ink);margin:0 0 4px}.vst .pfh-empty p:last-child{margin:0;color:var(--muted);font-size:var(--fs-small);max-width:56ch}.vst .pfh-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--pfh-line)}@media(min-width:1024px){.vst .pfh-foot{justify-content:flex-end}}@media(prefers-reduced-motion:no-preference){.vst .pfh-panel.is-entering{animation:pfh-panel-in .22s ease-out}}@keyframes pfh-panel-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.vst .pfh-toggle,.vst .pfh-toggle:after,.vst .pfh-toggle-line,.vst .pfh-toggle-icon:before,.vst .pfh-toggle-icon:after,.vst .pfh-thumb:after,.vst .pfh-tab:after,.vst .pfh-tab-icon,.vst .pfh-tab-ind{transition:none}.vst .pfh-img{transition-duration:.12s}}.vst .pfh--pair{--pfh-viewer: 40%}.vst .pfh--pair .pfh-track{grid-auto-columns:calc((100% - var(--pfh-gap)) / 2)}.vst .pfh--pair .pfh-controls{display:none}.vst .pfh--pair .pfh-media{aspect-ratio:16 / 10}.vst .pfh--pair .pfh-img{padding:5% 7%}.vst .pfh--pair .pfh-name{font-size:var(--fs-h3)}@media(max-width:767px){.vst .pfh--pair .pfh-track{grid-auto-columns:86%}.vst .pfh--pair .pfh-controls{display:flex}}.vst .pfh-thumbs.is-single{display:none!important}.vst .pfh-img[data-type=render]{inset:0 auto;left:50%;width:auto;max-width:100%;height:100%;transform:translate(-50%);object-fit:contain;padding:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}.vst .pfh-alt{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--pfh-line);display:grid;gap:6px;max-width:40em}.vst .pfh-alt .pfh-label{margin:0}.vst .pfh-alt-title{margin:0;font:600 1rem/1.3 var(--font-body);letter-spacing:.04em;color:var(--ink)}.vst .pfh-alt-text{margin:0;color:var(--muted)}.vst .pfh-alt-link{justify-self:start;margin-top:6px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.vst .pfh-alt-link:after{content:" \2192"}.vst .pfh-altline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:var(--s5) 0 0;padding-top:14px;border-top:1px solid var(--pfh-line);font-size:var(--fs-small);color:var(--muted)}.vst .pfh-altline:empty{display:none}.vst .pfh-altline-label{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.vst .pfh-altline-label:before{content:"";width:14px;height:1.5px;background:var(--bronze)}.vst .pfh-altline-text strong{color:var(--ink);font-weight:600;letter-spacing:.02em}.vst .pfh-altline-link{margin-left:auto;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.vst .pfh-altline-link:after{content:" \2192"}.vst .pfh[data-state=expanded] .pfh-altline{display:none}@media(max-width:767px){.vst .pfh-altline-link{margin-left:0}}@media(max-width:767px){.vst .pfh-panel:not(.is-active){display:none}}.vst .pfh-progress{display:none}@media(max-width:767px){.vst .pfh-progress{display:block;position:relative;height:2px;margin:var(--s4) 0 0;background:var(--pfh-line);border-radius:2px;overflow:hidden}.vst .pfh-progress[hidden]{display:none}.vst .pfh-progress-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--bronze);border-radius:2px;will-change:transform}}@media(max-width:767px)and (prefers-reduced-motion:no-preference){.vst .pfh-progress-bar{transition:width .3s var(--pfh-ease)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vst-product-focus-hub.css.map */