.color-swatch-section{width:100%;position:relative;overflow:visible;z-index:20;isolation:isolate}.color-swatch-section .page-width{overflow:visible}.color-swatch-header{text-align:center;margin-bottom:6rem}.color-swatch-heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem;color:rgb(var(--color-foreground));margin:0 0 1.2rem;line-height:1.15}.color-swatch-subheading{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.55;color:rgba(var(--color-foreground),.7);max-width:56rem;margin:0 auto}.color-swatch-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2rem;max-width:140rem;margin:0 auto;position:relative;overflow:visible}.color-swatch-item{position:relative;display:flex;flex-direction:column;align-items:center}.color-swatch-trigger{background:none;border:none;padding:0;cursor:pointer;width:100%;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.color-swatch-trigger:not(:disabled):hover{transform:translateY(-.4rem)}.color-swatch-trigger:disabled{cursor:not-allowed;opacity:.6}.color-swatch-box{width:100%;aspect-ratio:1;border-radius:.8rem;margin-bottom:1.2rem;box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.1);transition:box-shadow .2s ease}.color-swatch-trigger:not(:disabled):hover .color-swatch-box{box-shadow:0 .4rem 1.6rem rgba(var(--color-foreground),.18)}.color-swatch-name{font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.01em;text-align:center;color:rgb(var(--color-foreground));margin:0;font-weight:400;line-height:1.3}.color-tooltip{position:absolute;bottom:calc(100% + 2rem);left:50%;--ak-shift-x: 0px;transform:translate(calc(-50% + var(--ak-shift-x)));background:rgb(var(--color-background));border-radius:1rem;box-shadow:0 .8rem 3.2rem rgba(var(--color-foreground),.15);width:38rem;z-index:9999;animation:tooltipFadeIn .25s ease;pointer-events:auto}.color-tooltip.active{display:block!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(calc(-50% + var(--ak-shift-x))) translateY(.4rem)}to{opacity:1;transform:translate(calc(-50% + var(--ak-shift-x))) translateY(0)}}.tooltip-arrow{position:absolute;bottom:-.8rem;left:calc(50% - var(--ak-shift-x));transform:none;width:0;height:0;border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:1rem solid rgb(var(--color-background))}.tooltip-close{position:absolute;top:1.6rem;right:1.6rem;background:transparent;border:none;border-radius:50%;width:3.2rem;height:3.2rem;font-size:2.4rem;line-height:1;cursor:pointer;color:rgba(var(--color-foreground),.55);transition:background .2s ease,color .2s ease;z-index:10}.tooltip-close:hover{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.tooltip-content{padding:2.4rem}.tooltip-slider{position:relative;overflow:hidden}.tooltip-slide{display:none}.tooltip-slide.active{display:block}.tooltip-image{width:100%;aspect-ratio:1;border-radius:.8rem;overflow:hidden;margin-bottom:2rem;background:rgba(var(--color-foreground),.04)}.tooltip-image img{width:100%;height:100%;object-fit:cover}.tooltip-info{text-align:center}.tooltip-product-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.8rem;line-height:1.25;color:rgb(var(--color-foreground));margin:0 0 .6rem}.tooltip-product-price{font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;margin:0 0 1.8rem;color:rgba(var(--color-foreground),.7)}.tooltip-cta{display:inline-block;background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:1.4rem 2.8rem;border-radius:var(--button-border-radius, .4rem);text-decoration:none;font-family:var(--font-body-family);font-weight:500;font-size:1.4rem;letter-spacing:.04em;transition:opacity .15s ease;margin-bottom:1.8rem}.tooltip-cta:hover{opacity:.88;color:rgb(var(--color-background))}.tooltip-advice{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.78);margin:0;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.1);text-align:left}.tooltip-navigation{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.1)}.tooltip-nav{background:rgba(var(--color-foreground),.06);border:none;width:3.6rem;height:3.6rem;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;color:rgb(var(--color-foreground));transition:background .2s ease;display:flex;align-items:center;justify-content:center}.tooltip-nav:hover{background:rgba(var(--color-foreground),.12)}.tooltip-nav:disabled{opacity:.3;cursor:not-allowed}.tooltip-counter{font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.02em;color:rgba(var(--color-foreground),.6);min-width:4rem;text-align:center}@media screen and (max-width:989px){.color-swatch-grid{grid-template-columns:repeat(6,1fr);gap:1.6rem}.color-swatch-heading{font-size:2.6rem}.color-swatch-subheading{font-size:1.5rem}.color-swatch-header{margin-bottom:4rem}.color-tooltip{width:34rem}}@media screen and (max-width:749px){.color-swatch-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}.color-swatch-heading{font-size:2.2rem}.color-swatch-subheading{font-size:1.4rem}.color-swatch-header{margin-bottom:3.2rem}.color-swatch-box{border-radius:.6rem;margin-bottom:.8rem}.color-swatch-name{font-size:1.2rem}.color-tooltip{width:calc(100vw - 3.2rem);max-width:36rem}.tooltip-content{padding:2rem}.tooltip-product-title{font-size:1.7rem}.tooltip-product-price{font-size:1.4rem}.tooltip-cta{font-size:1.3rem;padding:1.2rem 2.4rem}.tooltip-advice{font-size:1.4rem}}.animate{animation:fadeInUp .6s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/175/assets/section-color-swatch-grid.css.map */