.grip-finder--new{--grip-finder-accent: #15a61a;--grip-finder-dot: #2bae30;--grip-finder-dot-empty: #c4c4c4;--grip-finder-border: #d4d4d4;--grip-finder-fg: #1c1c1c;--grip-finder-fg-muted: #6a6a6a;--grip-finder-metric-bg: #f5f5f7;--grip-finder-desc-bg: #dbfcdb;--grip-finder-shadow: 0 1px 10px rgba(0, 0, 0, .2);--grip-finder-bg: rgb(var(--color-background, 255 255 255));font-family:Poppins,sans-serif;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__pre-title{display:block;margin:0 0 8px;font-size:16px;font-weight:600;line-height:20px;letter-spacing:0;text-transform:uppercase;color:var(--grip-finder-accent)}.grip-finder--new .grip-finder__title{margin:0;font-family:Poppins,sans-serif;font-weight:600;letter-spacing:0;text-transform:none;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__subtitle{margin:0;font-weight:400;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__section-label{margin:0 0 12px;font-size:16px;font-weight:600;line-height:20px;letter-spacing:0;text-transform:uppercase;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__style-track{gap:8px;filter:none}.grip-finder--new .grip-finder__style-btn{flex:0 0 117px;width:117px;gap:8px;padding:10px;background:#fff;border:1px solid var(--grip-finder-border);border-radius:12px;box-shadow:none}.grip-finder--new .grip-finder__style-btn.is-active{padding:9px;border:2px solid var(--grip-finder-accent);box-shadow:none}.grip-finder--new .grip-finder__style-thumb{aspect-ratio:1;border-radius:9999px;background:#efefef;overflow:hidden}.grip-finder--new .grip-finder__style-thumb img{width:100%;height:100%;object-fit:contain;border-radius:9999px}.grip-finder--new .grip-finder__style-label{font-size:13px;font-weight:600;line-height:15px;text-transform:uppercase;white-space:nowrap;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__color-swatch{--swatch-offset: 2px;--swatch-border-size: 2px;box-sizing:border-box;border-color:var(--grip-finder-border);border-radius:9999px;background-clip:content-box}.grip-finder--new .grip-finder__color-swatch.is-active{border-color:var(--grip-finder-accent)!important}.grip-finder--new .grip-finder__color-swatch:hover{transform:none;border-color:var(--grip-finder-fg-muted)}.grip-finder--new .grip-finder__product-card{background:#fff;border:2px solid var(--grip-finder-border);border-radius:12px;box-shadow:var(--grip-finder-shadow);box-sizing:border-box;overflow:hidden}.grip-finder--new .grip-finder__center{position:relative;inset:auto;z-index:auto;overflow:hidden;pointer-events:auto;transform:none}.grip-finder--new .grip-finder__main-image{width:100%;height:100%}.grip-finder--new .grip-finder__image-slot{width:100%;height:100%;align-items:center;justify-content:center}.grip-finder--new .grip-finder__image-slot img{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;object-fit:cover;transform:none}.grip-finder--new .grip-finder__info-panel{max-width:none;margin:0;padding:0;background:transparent;border:none;border-radius:0}.grip-finder--new .grip-finder__product-name{font-family:Poppins,sans-serif;font-weight:600;letter-spacing:0;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__badge{padding:4px 16px;background:var(--grip-finder-fg);border-radius:9999px;font-size:13px;font-weight:600;line-height:18px;color:#fff}.grip-finder--new .grip-finder__metrics{gap:6px}.grip-finder--new .grip-finder__metric{gap:8px;min-height:46px;border:none;border-radius:12px;box-sizing:border-box}.grip-finder--new .grip-finder__metric-icon{width:24px;height:24px;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__metric-icon svg,.grip-finder--new .grip-finder__metric-icon img{width:24px;height:24px}.grip-finder--new .grip-finder__metric-text{flex:0 0 139px;gap:0}.grip-finder--new .grip-finder__metric-text strong{font-size:16px;font-weight:600;line-height:20px;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__metric-text span{font-weight:400;line-height:18px;white-space:nowrap;color:var(--grip-finder-fg-muted)}.grip-finder--new .grip-finder__dots{gap:4px;margin-left:auto}.grip-finder--new .grip-finder__dot{width:16px;height:16px;background:var(--grip-finder-dot-empty)}.grip-finder--new .grip-finder__dot.is-filled{background:var(--grip-finder-dot)}.grip-finder--new .grip-finder__description-box{display:flex;gap:10px;align-items:flex-start;width:100%;padding:8px;background:var(--grip-finder-desc-bg);border-radius:12px;box-sizing:border-box}.grip-finder--new .grip-finder__description-icon{display:block;flex-shrink:0;width:20px;height:20px}.grip-finder--new .grip-finder__description{flex:1;margin:0;padding:0;font-weight:400;line-height:18px;text-align:left;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__actions--mobile{display:none}.grip-finder--new .grip-finder__btn-shop,.grip-finder--new .grip-finder__btn-quiz{justify-content:center;min-width:0;min-height:0;height:44px;gap:0;border-radius:9999px;box-sizing:border-box;white-space:nowrap;font-size:16px;font-weight:600;line-height:20px;letter-spacing:0;text-transform:uppercase}.grip-finder--new .grip-finder__btn-shop{padding:10px 18px;border:2px solid var(--grip-finder-fg-muted);background:#fff;color:var(--grip-finder-fg)}.grip-finder--new .grip-finder__btn-shop:hover{background:var(--grip-finder-fg);border-color:var(--grip-finder-fg);color:#fff}.grip-finder--new .grip-finder__btn-shop svg,.grip-finder--new .grip-finder__btn-quiz svg{display:none}.grip-finder--new .grip-finder__btn-shop-content{flex-direction:row;align-items:center;gap:.3em;min-width:0}.grip-finder--new .grip-finder__btn-shop-pre,.grip-finder--new .grip-finder__btn-shop-name{font-size:16px;font-weight:600;line-height:20px;letter-spacing:0;white-space:nowrap}.grip-finder--new .grip-finder__btn-shop-name{overflow:hidden;text-overflow:ellipsis}.grip-finder--new .grip-finder__btn-quiz{padding:12px 20px;background:var(--grip-finder-accent);border:none;color:#fff}.grip-finder--new .grip-finder__btn-quiz span{overflow:hidden;text-overflow:ellipsis}.grip-finder--new .grip-finder__btn-quiz:hover{background:#128a16;color:#fff}@media screen and (min-width:1150px){.grip-finder__outer:has(.grip-finder--new){padding-block:40px 60px}.grip-finder__outer:has(.grip-finder--new)>.container{--container-max-width: 1344px;--container-gutter: 48px}.grip-finder--new{display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:0}.grip-finder--new .grip-finder__intro{display:flex;flex-direction:column;gap:24px;flex:0 1 548px;min-width:0}.grip-finder--new .grip-finder__header{display:flex;flex-direction:column;gap:0;max-width:none;padding-bottom:18px;border-bottom:1px solid var(--grip-finder-border);text-align:left}.grip-finder--new .grip-finder__title{font-size:48px;line-height:56px}.grip-finder--new .grip-finder__subtitle{font-size:24px;line-height:36px}.grip-finder--new .grip-finder__left{display:flex;flex-direction:column}.grip-finder--new .grip-finder__section-label{text-align:left}.grip-finder--new .grip-finder__style-section{margin:0}.grip-finder--new .grip-finder__style-nav{position:relative;width:100%;max-width:none;height:164px;margin:0}.grip-finder--new .grip-finder__style-nav:after{content:"";position:absolute;top:0;right:0;z-index:1;width:100px;height:140px;pointer-events:none;background:linear-gradient(to right,transparent 33%,var(--grip-finder-bg) 100%)}.grip-finder--new carousel-prev-button,.grip-finder--new carousel-next-button{top:50px;z-index:2;transform:none}.grip-finder--new carousel-prev-button{left:-20px}.grip-finder--new carousel-next-button{right:-21px}.grip-finder--new button.grip-finder__nav-btn{width:41px;height:40px;padding:8px;background:#fff;border:none;border-radius:9999px;color:var(--grip-finder-fg);box-shadow:0 1px 2px #00000014,0 1px 7px #0003}.grip-finder--new button.grip-finder__nav-btn:hover:not(:disabled){background:#fff;border:none}.grip-finder--new button.grip-finder__nav-btn:disabled{opacity:1}.grip-finder--new button.grip-finder__nav-btn:disabled svg{opacity:.3}.grip-finder--new button.grip-finder__nav-btn svg{display:block;flex-shrink:0;width:12px;height:20px;padding:0;margin:0;background:none;border:none;border-radius:0;box-shadow:none;color:var(--grip-finder-fg)}.grip-finder--new button.grip-finder__nav-btn svg path{fill:currentColor}.grip-finder--new .grip-finder__style-track,.grip-finder--new .grip-finder__style-btn{height:140px}.grip-finder--new .grip-finder__style-thumb{flex:0 0 95px;width:95px;height:95px}.grip-finder--new .grip-finder__color-section{padding-bottom:24px;border-bottom:1px solid var(--grip-finder-border)}.grip-finder--new .grip-finder__color-group{gap:4px;justify-content:flex-start}.grip-finder--new .grip-finder__color-swatch{--swatch-size: 32px !important}.grip-finder--new .grip-finder__product-card{display:flex;flex:0 1 732px;align-items:center;gap:24px;min-width:0;height:428px;padding:2px 24px 2px 2px}.grip-finder--new .grip-finder__center{left:auto;display:flex;flex:0 0 224px;align-items:center;justify-content:center;width:224px;height:424px}.grip-finder--new .grip-finder__main-image{flex:0 0 100%}.grip-finder--new .grip-finder__left,.grip-finder--new .grip-finder__right{position:relative;z-index:auto}.grip-finder--new .grip-finder__right{display:flex;flex:1 1 458px;align-items:center;min-width:0}.grip-finder--new .grip-finder__info-box{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;padding:0}.grip-finder--new .grip-finder__info-panel.is-active{display:flex;flex-direction:column}.grip-finder--new .grip-finder__product-name{margin:0 0 8px;font-size:32px;line-height:36px;text-align:left}.grip-finder--new .grip-finder__badge-container{justify-content:flex-start;margin:0 0 20px}.grip-finder--new .grip-finder__metrics{margin:0 0 24px}.grip-finder--new .grip-finder__metric{padding:4px 16px}.grip-finder--new .grip-finder__metric:nth-child(odd){background:var(--grip-finder-metric-bg)}.grip-finder--new .grip-finder__metric:first-child{padding-top:4px}.grip-finder--new .grip-finder__metric-text span,.grip-finder--new .grip-finder__description{font-size:14px}.grip-finder--new .grip-finder__actions:not(.grip-finder__actions--mobile){display:flex;gap:6px;margin:0}.grip-finder--new .grip-finder__btn-shop,.grip-finder--new .grip-finder__btn-quiz{flex:1 1 auto}.grip-finder--new .grip-finder__btn-quiz{min-width:225px}}@media screen and (min-width:1150px)and (max-width:1439px){.grip-finder--new .grip-finder__product-card{height:auto;min-height:428px;padding-bottom:24px}.grip-finder--new .grip-finder__actions:not(.grip-finder__actions--mobile){flex-direction:column;gap:8px}.grip-finder--new .grip-finder__btn-shop,.grip-finder--new .grip-finder__btn-quiz{flex:0 0 auto;width:100%;min-width:0}}@media screen and (max-width:1149px){.grip-finder__outer:has(.grip-finder--new){padding-block:31px}.grip-finder--new{display:flex;flex-direction:column;align-items:stretch;gap:24px}.grip-finder--new .grip-finder__header{max-width:none;padding:0;border:none;text-align:center}.grip-finder--new .grip-finder__title{font-size:31px;line-height:1.5}.grip-finder--new .grip-finder__subtitle{font-size:16px;line-height:1.5}.grip-finder--new .grip-finder__left{display:flex;flex-direction:column;align-items:stretch;padding-bottom:8px}.grip-finder--new .grip-finder__style-section,.grip-finder--new .grip-finder__color-section{width:auto;max-width:none}.grip-finder--new .grip-finder__style-section{margin:0 0 20px}.grip-finder--new .grip-finder__section-label{text-align:center}.grip-finder--new .grip-finder__style-nav{max-width:none;margin-inline:calc(-1 * var(--container-gutter))}.grip-finder--new carousel-prev-button,.grip-finder--new carousel-next-button{display:none}.grip-finder--new .grip-finder__style-track{margin-block:-10px;padding:10px var(--container-gutter);scroll-padding-inline:var(--container-gutter);box-sizing:border-box}.grip-finder--new .grip-finder__style-btn:not(.is-active){box-shadow:var(--grip-finder-shadow)}.grip-finder--new .grip-finder__style-btn:first-child{margin-inline-start:auto}.grip-finder--new .grip-finder__style-btn:last-child{margin-inline-end:auto}.grip-finder--new .grip-finder__style-thumb{flex:0 0 72px;width:72px;height:72px}.grip-finder--new .grip-finder__color-groups{margin-inline:calc(-1 * var(--container-gutter))}.grip-finder--new .grip-finder__color-group.is-active{flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding-inline:var(--container-gutter);overflow-x:auto;scrollbar-width:none}.grip-finder--new .grip-finder__color-group::-webkit-scrollbar{display:none}.grip-finder--new .grip-finder__color-swatch{--swatch-size: 40px !important}.grip-finder--new .grip-finder__color-swatch:first-child{margin-inline-start:auto}.grip-finder--new .grip-finder__color-swatch:last-child{margin-inline-end:auto}.grip-finder--new .grip-finder__product-card{display:grid;grid-template-columns:137px minmax(0,1fr);column-gap:36px;width:100%;max-width:560px;margin-inline:auto;padding:14px 14px 22px}.grip-finder--new .grip-finder__right,.grip-finder--new .grip-finder__info-box,.grip-finder--new .grip-finder__info-panel.is-active{display:contents}.grip-finder--new .grip-finder__center{grid-area:1 / 1 / 3 / 2;width:137px;height:137px;aspect-ratio:auto;border-radius:8px;background:var(--grip-finder-metric-bg)}.grip-finder--new .grip-finder__product-name{grid-area:1 / 2;align-self:end;margin:0 0 8px;font-size:24px;line-height:28px;text-align:center;text-wrap:balance}.grip-finder--new .grip-finder__badge-container{grid-area:2 / 2;align-self:start;justify-content:center;margin:0}.grip-finder--new .grip-finder__badge{white-space:nowrap}.grip-finder--new .grip-finder__metrics{grid-area:3 / 1 / 4 / -1;margin:16px 0 0;padding-top:21px;border-top:1px solid var(--grip-finder-border)}.grip-finder--new .grip-finder__metric,.grip-finder--new .grip-finder__metric:first-child{padding:4px 15px 4px 8px;background:var(--grip-finder-metric-bg)}.grip-finder--new .grip-finder__metric-text span{font-size:13px}.grip-finder--new .grip-finder__description-box{grid-area:4 / 1 / 5 / -1;margin-top:21px}.grip-finder--new .grip-finder__description{font-size:13px}.grip-finder--new .grip-finder__info-box .grip-finder__actions:not(.grip-finder__actions--mobile){grid-area:5 / 1 / 6 / -1;display:flex;flex-direction:column;gap:8px;margin:21px 0 0}.grip-finder--new .grip-finder__btn-shop,.grip-finder--new .grip-finder__btn-quiz{flex:0 0 auto;width:100%}}@media screen and (max-width:699px){.grip-finder__outer:has(.grip-finder--new)>.container{--container-gutter: 16px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/grip-finder-new.css.map */