.liner-preview-section{--liner-gap: 0px;--liner-col-ratio: 50%;--liner-radius: 0px;--liner-img-aspect: 4 / 3;--liner-bg: #f5f9fc;--liner-content-bg: #ffffff;--liner-heading-color: #1a1a2e;--liner-body-color: #4a5568;--liner-tab-color: #4a5568;--liner-tab-active-color: #1a1a2e;--liner-tab-border: #cbd5e0;--liner-tab-active-border: #1a1a2e;--liner-swatch-size: 52px;--liner-swatch-border: #e2e8f0;--liner-swatch-active-border: #2563eb;--liner-swatch-active-shadow: 0 0 0 3px rgba(37, 99, 235, .25);--liner-cta-bg: #14b8a6;--liner-cta-hover-bg: #0d9488;--liner-cta-color: #ffffff;--liner-name-color: #1a1a2e;--liner-transition: .25s ease}.liner-preview-section{display:flex;flex-direction:row;align-items:stretch;width:100%;min-height:480px;overflow:hidden;background:var(--liner-bg)}.liner-preview-section--flipped{flex-direction:row-reverse}.liner-preview__image-col{position:relative;flex:0 0 var(--liner-col-ratio);max-width:var(--liner-col-ratio);overflow:hidden}.liner-preview__image-wrapper{position:relative;width:100%;height:100%;min-height:400px}.liner-preview__main-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity var(--liner-transition);pointer-events:none;-webkit-user-select:none;user-select:none}.liner-preview__main-img.is-active{opacity:1;pointer-events:auto}.liner-preview__content-col{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:56px 52px;background:var(--liner-content-bg)}.liner-preview__heading{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15;color:var(--liner-heading-color);letter-spacing:-.02em}.liner-preview__description{margin:0;font-size:.9375rem;line-height:1.65;color:var(--liner-body-color);max-width:480px}.liner-preview__tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--liner-tab-border)}.liner-preview__tab{position:relative;padding:8px 20px;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--liner-tab-color);transition:color var(--liner-transition);white-space:nowrap;bottom:-2px}.liner-preview__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent;transition:background var(--liner-transition)}.liner-preview__tab:hover{color:var(--liner-tab-active-color)}.liner-preview__tab.is-active{color:var(--liner-tab-active-color);font-weight:600}.liner-preview__tab.is-active:after{background:var(--liner-tab-active-border)}.liner-preview__panel{display:none;flex-direction:column;gap:12px}.liner-preview__panel.is-active{display:flex}.liner-preview__swatch-name{margin:0;font-size:.9rem;font-weight:600;color:var(--liner-name-color);min-height:1.2em;transition:opacity var(--liner-transition)}.liner-preview__swatches{display:flex;flex-wrap:wrap;gap:8px}.liner-preview__swatch{width:var(--liner-swatch-size);height:var(--liner-swatch-size);padding:0;border:2px solid var(--liner-swatch-border);border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color var(--liner-transition),box-shadow var(--liner-transition),transform var(--liner-transition);flex-shrink:0}.liner-preview__swatch img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.liner-preview__swatch:hover{border-color:var(--liner-swatch-active-border);transform:scale(1.06)}.liner-preview__swatch.is-active{border-color:var(--liner-swatch-active-border);box-shadow:var(--liner-swatch-active-shadow)}.liner-preview__cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:12px 28px;background:var(--liner-cta-bg);color:var(--liner-cta-color);font-size:.9rem;font-weight:600;letter-spacing:.01em;text-decoration:none;border-radius:9999px;border:2px solid transparent;transition:background var(--liner-transition),transform var(--liner-transition),box-shadow var(--liner-transition);cursor:pointer}.liner-preview__cta:hover{background:var(--liner-cta-hover-bg);transform:translateY(-1px);box-shadow:0 6px 20px #14b8a659}.liner-preview__cta:active{transform:translateY(0);box-shadow:none}@media(max-width:900px){.liner-preview-section,.liner-preview-section--flipped{flex-direction:column}.liner-preview__image-col{flex:none;max-width:100%;width:100%;min-height:280px}.liner-preview__image-wrapper{min-height:280px;aspect-ratio:16 / 9}.liner-preview__content-col{padding:36px 28px;gap:16px}}@media(max-width:560px){.liner-preview__content-col{padding:28px 20px;gap:14px}.liner-preview__heading{font-size:1.5rem}--liner-swatch-size: 44px;.liner-preview__swatch{width:44px;height:44px}.liner-preview__cta{width:100%;justify-content:center}}.shopify-section-liner-preview .liner-preview__panel{transition:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/pool-liner-preview.css.map */