.yp-swap{background:var(--yp-paper);color:var(--yp-ink);font-family:var(--yp-sans)}.yp-swap__inner{max-width:90rem;margin-inline:auto;padding:var(--yp-section-y) var(--yp-gutter)}.yp-swap__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yp-col-gap);align-items:center}.yp-swap__copy{display:flex;flex-direction:column;gap:.75rem;max-width:24rem}.yp-swap__h{margin:0;font-size:var(--yp-h-m);line-height:1.05;font-family:var(--yp-display);font-weight:600;letter-spacing:0;text-transform:uppercase}.yp-swap__lede{margin:0;font-size:var(--yp-p-m);line-height:1.4;letter-spacing:-.01em}.yp-swap__stage{position:relative;aspect-ratio:436 / 589;border-radius:var(--yp-radius);overflow:hidden;background:#e9e7e3}.yp-swap__pane{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.yp-swap__pane[data-on]{opacity:1;visibility:visible}.yp-swap__pane video{width:100%;height:100%;object-fit:cover;display:block}[data-yp-swap-clay] [data-yp-pane="1"] video{object-position:50% 40%}[data-yp-swap-clay] [data-yp-pane="3"] video{object-position:50% 25%}.yp-swap__tabs{list-style:none;margin:0;padding-inline-start:6rem;display:flex;flex-direction:column}.yp-swap__tab{display:block;width:100%;padding:1.125rem 0 0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.yp-swap__row{display:grid;grid-template-columns:1.875rem minmax(0,1fr)}.yp-swap__num{display:block;padding-top:.6rem;font-size:var(--yp-p-xs);line-height:1.4;color:var(--yp-muted);font-variant-numeric:tabular-nums}.yp-swap__title{display:block;font-size:var(--yp-h-s);line-height:1;color:var(--yp-muted);transition:color .35s ease;font-family:var(--yp-display);font-weight:600;letter-spacing:0;text-transform:uppercase}.yp-swap__desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.3,.9,.3,1),opacity .35s ease;opacity:0}.yp-swap__desc>span{overflow:hidden;min-height:0;display:block;padding-top:.375rem;font-size:var(--yp-p-r);line-height:1.4;letter-spacing:-.01em}.yp-swap__tab[aria-selected=true] .yp-swap__title{color:var(--yp-ink)}.yp-swap__tab[aria-selected=true] .yp-swap__desc{grid-template-rows:1fr;opacity:1}.yp-swap__tab:hover .yp-swap__title{color:var(--yp-ink)}.yp-swap__tab:focus-visible{outline:2px solid var(--yp-yellow);outline-offset:4px}.yp-swap__line{display:block;position:relative;height:1px;margin-top:.75rem;background:var(--yp-line)}.yp-swap__bar{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--yp-ink);transform:scaleX(0);transform-origin:left center}@media screen and (max-width:991px){.yp-swap__grid{grid-template-columns:1fr;gap:2rem}.yp-swap__copy{max-width:none}.yp-swap__stage{aspect-ratio:3 / 4;background:var(--yp-paper)}.yp-swap__pane video,.yp-swap__pane img{object-fit:contain;object-position:50% 50%!important;background:var(--yp-paper)}.yp-swap__tabs{padding-inline-start:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yp-swap.css.map */