.gel-finish{--gel-ink: rgb(var(--color-foreground));--gel-accent: rgb(var(--cs-barro, 65, 112, 126));margin:2rem 0 .4rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.13);border-radius:.4rem;background:rgb(var(--color-background));box-shadow:0 1.8rem 4.8rem #161d2814;transition:border-color .25s ease,box-shadow .25s ease}.gel-finish:has(.gel-finish__check:checked),.gel-finish.is-on{border-color:rgba(var(--cs-barro, 65, 112, 126),.7);box-shadow:0 1.8rem 5.6rem rgba(var(--cs-barro, 65, 112, 126),.16)}.gel-finish__gallery{position:relative;isolation:isolate;aspect-ratio:16 / 10;min-height:25rem;overflow:hidden;color:#fff;background:#121820}.gel-finish__heading{padding:2.2rem 2rem 1.8rem;color:var(--gel-ink)}.gel-finish__slides,.gel-finish__slide,.gel-finish__slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gel-finish__slide{margin:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .8s ease,transform 5.8s ease,visibility 0s linear .8s}.gel-finish__slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}.gel-finish__slide img{display:block;object-fit:cover;object-position:center}.gel-finish__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080c1233,#080c1205 45%,#080c12c7)}.gel-finish__zoom{position:absolute;z-index:2;top:1.1rem;right:1.1rem;display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.38);border-radius:99rem;color:#fff;background:#0e141c94;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);font-size:.9rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,border-color .2s ease}.gel-finish__zoom svg{width:1.35rem;height:1.35rem}.gel-finish__zoom:hover{border-color:#fff;background:#0e141cd1}.gel-finish__zoom:focus-visible{outline:.2rem solid #fff;outline-offset:.25rem}.gel-finish__gallery-ui{position:absolute;z-index:2;right:1.8rem;bottom:1.5rem;left:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.gel-finish__dots,.gel-finish__arrows{display:flex;align-items:center}.gel-finish__dots{gap:.25rem}.gel-finish__dot{position:relative;width:1.25rem;height:1.7rem;padding:0;border:0;background:transparent;cursor:pointer}.gel-finish__dot:before{content:"";position:absolute;top:50%;right:0;left:0;height:.2rem;background:#ffffff6b;transform:translateY(-50%);transition:background .25s ease,transform .25s ease}.gel-finish__dot.is-active:before{background:#fff;transform:translateY(-50%) scaleY(1.7)}.gel-finish__arrows{gap:.8rem}.gel-finish__arrow{display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:#0e141c59;cursor:pointer;transition:background .2s ease,border-color .2s ease}.gel-finish__arrow svg{width:1.5rem;height:1.5rem}.gel-finish__arrow:hover{border-color:#fff;background:#0e141cb8}.gel-finish__dot:focus-visible,.gel-finish__arrow:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.gel-finish__content{padding:1.8rem 2rem}.gel-finish__eyebrow{display:block;margin-bottom:.65rem;color:var(--gel-accent);font-size:1rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.gel-finish__title{margin:0;color:var(--gel-ink);font-family:var(--font-heading-family);font-size:clamp(2.7rem,2.8vw,3.8rem);font-weight:400;line-height:1.04;letter-spacing:-.025em}.gel-finish__sub{max-width:48rem;margin:0;color:rgba(var(--color-foreground),.67);font-size:1.35rem;line-height:1.55}.gel-finish__professional{max-width:48rem;margin:.9rem 0 0;color:rgba(var(--color-foreground),.67);font-size:1.35rem;font-weight:700;line-height:1.55}.gel-finish__features{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 1.8rem;padding:0;list-style:none}.gel-finish__features li{display:inline-flex;align-items:center;min-height:2.8rem;padding:.45rem .9rem;border:1px solid rgba(var(--cs-barro, 65, 112, 126),.24);border-radius:99rem;color:rgba(var(--color-foreground),.78);background:rgba(var(--cs-barro, 65, 112, 126),.055);font-size:1.05rem;line-height:1.2;letter-spacing:.04em}.gel-finish__choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1rem;margin-top:2rem;padding:1.35rem;border:1px solid rgba(255,255,255,.42);color:#f7fbfc;background:rgb(var(--cs-barro, 65, 112, 126));cursor:pointer;transition:border-color .2s ease,background .2s ease}.gel-finish__choice:hover{border-color:#ffffffb8;background:#376574}.gel-finish:has(.gel-finish__check:checked) .gel-finish__choice,.gel-finish.is-on .gel-finish__choice{border-color:#ffffffd1}.gel-finish__check{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.gel-finish__box{display:grid;flex:0 0 auto;place-items:center;width:2.4rem;height:2.4rem;border:1px solid rgba(var(--color-foreground),.4);color:rgb(var(--color-background));background:rgb(var(--color-background));transition:background .2s ease,border-color .2s ease}.gel-finish__box svg{width:1.45rem;height:1.45rem;opacity:0;transform:scale(.72);transition:opacity .18s ease,transform .18s ease}.gel-finish__check:checked+.gel-finish__box{border-color:var(--gel-accent);background:var(--gel-accent)}.gel-finish__check:checked+.gel-finish__box svg{opacity:1;transform:scale(1)}.gel-finish__check:focus-visible+.gel-finish__box{outline:.2rem solid var(--gel-accent);outline-offset:.25rem}.gel-finish__choice-copy strong{display:block;font-weight:300}.gel-finish__choice-copy strong{color:#f7fbfc;font-size:1.48rem;line-height:1.25}.gel-finish__price{color:#f7fbfc;font-size:1.58rem;font-weight:400;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}.gel-finish__lightbox{width:min(112rem,calc(100vw - 4rem));max-width:none;height:min(82rem,calc(100vh - 4rem));max-height:none;margin:auto;padding:0;overflow:hidden;border:0;color:#fff;background:#0b0e13;box-shadow:0 3rem 10rem #0000008c}.gel-finish__lightbox::backdrop{background:#04060adb;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.gel-finish__lightbox-inner{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:5rem 7rem}.gel-finish__lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.gel-finish__lightbox-close,.gel-finish__lightbox-arrow{position:absolute;z-index:2;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:#0a0e14a3;cursor:pointer;transition:background .2s ease,border-color .2s ease}.gel-finish__lightbox-close:hover,.gel-finish__lightbox-arrow:hover{border-color:#fff;background:#0a0e14eb}.gel-finish__lightbox-close:focus-visible,.gel-finish__lightbox-arrow:focus-visible{outline:.2rem solid #fff;outline-offset:.25rem}.gel-finish__lightbox-close{top:1.5rem;right:1.5rem;width:4rem;height:4rem;font-size:2.6rem;font-weight:300;line-height:1}.gel-finish__lightbox-arrow{top:50%;width:4.6rem;height:4.6rem;transform:translateY(-50%)}.gel-finish__lightbox-arrow svg{width:2.3rem;height:2.3rem}.gel-finish__lightbox-arrow--prev{left:1.5rem}.gel-finish__lightbox-arrow--next{right:1.5rem}@media screen and (min-width:990px)and (max-width:1199px){.gel-finish__gallery{min-height:22rem}.gel-finish__content{padding:1.8rem 1.6rem 1.5rem}.gel-finish__heading{padding:1.9rem 1.6rem 1.5rem}}@media screen and (max-width:749px){.gel-finish{margin-top:1.6rem}.gel-finish__gallery{min-height:22rem}.gel-finish__zoom{top:1rem;right:1rem}.gel-finish__gallery-ui{right:1.3rem;bottom:1.1rem;left:1.3rem}.gel-finish__content{padding:1.8rem 1.5rem 1.5rem}.gel-finish__heading{padding:1.8rem 1.5rem 1.4rem}.gel-finish__title{font-size:clamp(2.7rem,9vw,3.4rem)}.gel-finish__choice{gap:.9rem;padding:1.2rem}.gel-finish__lightbox{width:calc(100vw - 2rem);height:calc(100vh - 2rem)}.gel-finish__lightbox-inner{padding:5.5rem 1.2rem}.gel-finish__lightbox-arrow{top:auto;bottom:1.3rem;width:4rem;height:4rem;transform:none}.gel-finish__lightbox-arrow--prev{left:1.3rem}.gel-finish__lightbox-arrow--next{right:1.3rem}}@media(prefers-reduced-motion:reduce){.gel-finish,.gel-finish__slide,.gel-finish__box,.gel-finish__box svg,.gel-finish__choice,.gel-finish__zoom,.gel-finish__lightbox-close,.gel-finish__lightbox-arrow,.gel-finish__arrow,.gel-finish__dot:before{transition:none}}@media(hover:none){.gel-finish__dot:after,.gel-finish__arrow:after{content:"";position:absolute;top:-1rem;right:-.3rem;bottom:-1rem;left:-.3rem}.gel-finish__arrow{position:relative}.gel-finish__arrow:after{top:-.7rem;right:-.7rem;bottom:-.7rem;left:-.7rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-gel-finish.css.map */