.cpi{padding-top:var(--cpi-pt);padding-bottom:var(--cpi-pb);color:rgb(var(--color-foreground))}.cpi__inner{max-width:var(--cpi-max-width);margin:0 auto}.cpi__inner--full{max-width:none}.cpi__grid{display:grid;grid-template-columns:minmax(0,var(--cpi-media-width)) minmax(0,1fr);gap:var(--cpi-gap);align-items:center}.cpi__grid--media_right .cpi__media{order:2}.cpi__grid--media_right .cpi__content{order:1}.cpi__media,.cpi__content{min-width:0}.cpi__stage{position:relative;overflow:hidden;border-radius:var(--cpi-radius);background:rgba(var(--color-foreground),.04)}.cpi__stage--square{aspect-ratio:1}.cpi__stage--portrait{aspect-ratio:4/5}.cpi__stage--landscape{aspect-ratio:4/3}.cpi__stage--adapt{min-height:420px}.cpi__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:translate3d(2.5%,0,0) scale(.995);transition:opacity .48s cubic-bezier(.22,.61,.36,1),transform .58s cubic-bezier(.22,.61,.36,1),visibility 0s linear .58s;will-change:opacity,transform}.cpi__slide.is-active{opacity:1;visibility:visible;transform:translateZ(0) scale(1);z-index:2;transition-delay:0s}.cpi__slide.is-leaving-left{transform:translate3d(-2.5%,0,0) scale(.995)}.cpi__slide.is-leaving-right{transform:translate3d(2.5%,0,0) scale(.995)}.cpi__image,.cpi__placeholder,.cpi__slide picture{display:block;width:100%;height:100%}.cpi__image{object-fit:cover}.cpi__arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:999px;background:rgba(var(--color-background),.86);color:rgb(var(--color-foreground));display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 12px #00000014;transition:transform .2s ease,background .2s ease}.cpi__arrow:hover{transform:translateY(-50%) scale(1.06)}.cpi__arrow--prev{left:14px}.cpi__arrow--next{right:14px}.cpi__arrow span{font-size:18px;line-height:1}.cpi__thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding:1px}.cpi__thumbs::-webkit-scrollbar{display:none}.cpi__thumb{flex:0 0 var(--cpi-thumb-size);width:var(--cpi-thumb-size);height:var(--cpi-thumb-size);padding:0;border:1px solid rgba(var(--color-foreground),.18);border-radius:4px;overflow:hidden;background:transparent;cursor:pointer;opacity:.72;transition:opacity .25s ease,border-color .25s ease,transform .25s ease}.cpi__thumb:hover,.cpi__thumb.is-active{opacity:1}.cpi__thumb.is-active{border-color:rgb(var(--color-foreground));transform:translateY(-1px)}.cpi__thumb img,.cpi__thumb svg{width:100%;height:100%;object-fit:cover;display:block}.cpi__content{max-width:650px}.cpi__eyebrow{margin:0 0 10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cpi__heading{margin:0 0 18px}.cpi__description{margin-bottom:20px}.cpi__features{display:grid;gap:9px;margin:20px 0}.cpi__feature{display:flex;gap:7px;flex-wrap:wrap}.cpi__feature strong{font-weight:700}.cpi__feature span{opacity:.86}.cpi__pills{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.cpi__pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border-radius:999px;background:var(--cpi-pill-bg);color:var(--cpi-pill-text);font-size:.88em;font-weight:700;line-height:1.2}.cpi__shades{margin:22px 0}.cpi__shades-label{margin:0 0 10px;font-weight:700}.cpi__shade-list{display:flex;flex-wrap:wrap;gap:14px}.cpi__shade{display:grid;justify-items:center;gap:5px;color:inherit;text-decoration:none;min-width:var(--cpi-swatch-size)}.cpi__swatch{display:block;width:var(--cpi-swatch-size);height:var(--cpi-swatch-size);border-radius:50%;background:var(--swatch);border:1px solid rgba(40,40,40,.2);box-shadow:0 0 rgb(var(--color-foreground));transition:transform .2s ease,box-shadow .2s ease}a.cpi__shade:hover .cpi__swatch{transform:scale(1.07);box-shadow:0 0 0 2px rgb(var(--color-foreground)),0 0 0 5px rgb(var(--color-background))}.cpi__shade-name{font-size:.78em;font-weight:700}.cpi__shade-desc{font-size:.72em;opacity:.7}.cpi__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cpi__buttons .btn{min-width:180px}@media(max-width:749px){.cpi{padding-top:var(--cpi-pt-m);padding-bottom:var(--cpi-pb-m)}.cpi__grid{display:flex;flex-direction:column;gap:26px}.cpi__mobile--content_first .cpi__content{order:1}.cpi__mobile--content_first .cpi__media{order:2}.cpi__mobile--media_first .cpi__media{order:1}.cpi__mobile--media_first .cpi__content{order:2}.cpi__media,.cpi__content{width:100%}.cpi__stage--adapt{min-height:0;aspect-ratio:4/5}.cpi__arrow{width:38px;height:38px}.cpi__arrow--prev{left:10px}.cpi__arrow--next{right:10px}.cpi__thumbs{gap:8px;margin-top:10px}.cpi__content{max-width:none}.cpi__buttons{display:grid}.cpi__buttons .btn{width:100%}}@media(prefers-reduced-motion:reduce){.cpi__slide,.cpi__thumb,.cpi__swatch,.cpi__arrow{transition:none!important}}.cpi__thumbs{justify-content:center}.cpi__swatch{display:block;width:var(--cpi-swatch-size);height:var(--cpi-swatch-size);border-radius:50%;background:var(--swatch);border:3px solid rgb(var(--color-background));outline:2px solid var(--swatch);outline-offset:2px;transition:transform .2s ease,outline-color .2s ease}a.cpi__shade:hover .cpi__swatch{transform:scale(1.06)}@media screen and (max-width:749px){.cpi__inner{width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-product-introduction.css.map */