.yp-pills{padding:8em 0;font-size:var(--yp-em);color:var(--yp-ink)}.yp-pills__inner{max-width:90rem;margin-inline:auto;padding-inline:4em}.yp-pills__stage{position:relative;width:100%;aspect-ratio:16/9;background:#e8e7e0;border-radius:1em;overflow:clip}.yp-pills__visual{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.yp-pills__shot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.yp-pills__shot.is-on{opacity:1}.yp-pills__shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.yp-pills__panel{position:absolute;inset:0 auto 0 0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:6em 1.25em 4em 4em}.yp-pills__h{margin:0;max-width:32em;font-size:var(--yp-h-l);line-height:1.05;font-family:var(--yp-display);font-weight:700;letter-spacing:-.01em;text-transform:uppercase}.yp-pills__h--mobile{display:none}.yp-pills__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1em;width:100%;max-width:var(--yp-pill-w);--yp-pill-w:25em}.yp-pills__item{position:relative;overflow:hidden;background:#fff;border-radius:2em;transition:width .5s cubic-bezier(.4,0,.05,1),height .5s cubic-bezier(.4,0,.05,1)}.yp-pills__btn{position:relative;z-index:1;width:max-content;display:flex;align-items:center;justify-content:flex-start;gap:.625em;padding:.75em 1.25em;background:none;border:0;cursor:pointer;color:var(--yp-ink);box-sizing:border-box;opacity:1;transition:opacity .4s ease-in-out .3s}.yp-pills__item.is-on .yp-pills__btn{opacity:0;transition:opacity .05s ease-in-out}.yp-pills__label{flex:none;white-space:nowrap;font-family:var(--yp-sans);font-size:var(--yp-p-r);font-weight:500;letter-spacing:-.015em}.yp-pills__icon{flex:none;width:2em;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--yp-ink);border-radius:100em;background:#fff3}.yp-pills__icon svg{width:.6em;height:.6em;display:block}.yp-pills__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.yp-pills__mask{width:100%;height:100%;overflow:hidden}.yp-pills__body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.75em;width:max-content;max-width:var(--yp-pill-w);padding:1.5em 1.5em 2em;opacity:0;transition:opacity .3s ease-in-out}.yp-pills__item.is-on .yp-pills__body{opacity:1}.yp-pills__p{margin:0;font-family:var(--yp-sans);font-size:var(--yp-p-m);line-height:1.4}.yp-pills__p.is-title{font-weight:500}.yp-pills__p.is-note{font-size:var(--yp-p-xs);opacity:.6}.yp-pills__stage.is-measuring .yp-pills__item{transition:none;width:var(--yp-pill-w)}@media screen and (max-width:991px){.yp-pills__stage{aspect-ratio:auto;border-radius:0;display:flex;flex-direction:column}.yp-pills__visual{position:relative;inset:auto;width:100%;aspect-ratio:3/2}.yp-pills__panel{position:relative;inset:auto;width:100%;padding:2.5em 0 4em}.yp-pills__h{max-width:none;margin-bottom:2em}.yp-pills__h--mobile{display:block}.yp-pills__h--desktop{display:none}.yp-pills__list{flex-flow:row wrap;justify-content:flex-start;max-width:none;--yp-pill-w: calc(50% - .5em) }.yp-pills__item{width:var(--yp-pill-w)!important}.yp-pills__btn{width:100%;padding-right:.75em;justify-content:space-between}.yp-pills__body{max-width:100%}}@media screen and (max-width:767px){.yp-pills{padding:6em 0}.yp-pills__inner{padding-inline:var(--yp-gutter)}.yp-pills__list{--yp-pill-w:100% }}@media(prefers-reduced-motion:reduce){.yp-pills__item,.yp-pills__btn,.yp-pills__body{transition:none}}@media screen and (min-width:1441px){.yp-pills__inner{padding-inline:var(--yp-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yp-pills.css.map */