.color-palette-section{--cp-primary: #b8860b;--cp-primary-light: #d4a849;--cp-primary-dark: #8b6508;--cp-text: #1a1a1a;--cp-text-light: #666;--cp-text-lighter: #999;--cp-bg: #fff;--cp-bg-light: #f8f8f8;--cp-border: #e5e5e5;--cp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--cp-shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--cp-radius: 4px;--cp-transition: all .3s ease;padding:3rem 0}.color-palette__header{text-align:center;margin-bottom:3rem;padding-top:1rem}.color-palette__title{margin-bottom:.75rem;font-size:2.5em;font-weight:600;color:var(--cp-text)}.color-palette__subtitle{color:var(--cp-text-light);font-size:1.125em;max-width:600px;margin:0 auto}.color-palette__tabs{position:sticky;top:0;z-index:10;transition:top .15s ease-out;background:var(--cp-bg);border-bottom:2px solid var(--cp-border);margin-bottom:3rem;box-shadow:0 2px 8px #0000000d}.color-palette__tabs-list{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--cp-primary-light) var(--cp-bg-light)}.color-palette__tabs-list::-webkit-scrollbar{height:4px}.color-palette__tabs-list::-webkit-scrollbar-track{background:var(--cp-bg-light)}.color-palette__tabs-list::-webkit-scrollbar-thumb{background:var(--cp-primary-light);border-radius:2px}.color-palette__tabs-list li{flex-shrink:0}.color-palette__tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.9em;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--cp-text-light);border-bottom:3px solid transparent;transition:var(--cp-transition);white-space:nowrap;cursor:pointer}.color-palette__tab:hover{color:var(--cp-primary);background:var(--cp-bg-light)}.color-palette__tab.active{color:var(--cp-primary);border-bottom-color:var(--cp-primary)}.color-palette__tab--external{margin-left:auto;color:var(--cp-primary);border-left:1px solid var(--cp-border)}.color-palette__tab--external:hover{background:var(--cp-primary);color:#fff}.color-palette__external-icon{width:16px;height:16px;flex-shrink:0}.color-palette__group{margin-bottom:0;scroll-margin-top:120px;padding:4rem 0}.color-palette__group:last-child{padding-bottom:4rem}.color-palette__group:nth-child(odd){background-color:var(--cp-bg)}.color-palette__group:nth-child(2n){background-color:#f9f7f4}.color-palette__group-header{text-align:center;margin-bottom:2.5rem}.color-palette__group-title{font-size:1.75em;font-weight:600;color:var(--cp-text);margin:0 0 .5rem;letter-spacing:1px}.color-palette__group-subtitle{font-size:1em;color:var(--cp-text-light);margin:0;font-weight:400}.color-palette__fiber-sizes{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.color-palette__fiber-label{font-size:.9em;color:var(--cp-text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.color-palette__fiber-separator{font-size:.9em;color:var(--cp-text-light);font-weight:500}.color-palette__fiber-icon{height:40px;width:auto;object-fit:contain}.color-palette__content{display:grid;grid-template-columns:5fr 1fr;gap:2.5rem;align-items:start;max-width:80%;margin-left:auto;margin-right:auto}.color-palette__content--single-col{grid-template-columns:1fr 1.2fr}.color-palette__content--single-col .color-palette__grid{grid-template-columns:1fr}.color-palette__content--single-col .color-palette__examples{flex-direction:row;flex-wrap:wrap;gap:.75rem;position:static}.color-palette__content--single-col .color-palette__example{flex:1;min-width:140px;max-width:200px}.color-palette__examples{display:flex;flex-direction:column;gap:1rem;position:sticky;top:140px;align-items:flex-end}.color-palette__example{position:relative;overflow:hidden;border-radius:var(--cp-radius)}.color-palette__example img{width:100%;height:auto;max-height:250px;object-fit:contain;display:block;transition:transform .4s ease}.color-palette__example:hover img{transform:scale(1.02)}.color-palette__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 2rem}.color-palette__grid--naturelle{grid-template-columns:repeat(2,1fr)}.color-palette__swatch{display:flex;flex-direction:row;align-items:center;gap:1rem;transition:var(--cp-transition);cursor:pointer;padding:.25rem 0}.color-palette__swatch:hover{transform:translate(4px)}.color-palette__swatch-image{width:180px;min-width:180px;height:auto;border-radius:2px;overflow:hidden;box-shadow:var(--cp-shadow-sm);transition:var(--cp-transition);flex-shrink:0}.color-palette__swatch-image img{width:100%;height:auto;object-fit:contain;display:block}.color-palette__swatch-placeholder{width:180px;min-width:180px;height:30px;border-radius:2px;background:linear-gradient(135deg,var(--cp-bg-light) 0%,var(--cp-border) 100%);flex-shrink:0}.color-palette__swatch--large .color-palette__swatch-image{width:200px;min-width:200px}.color-palette__swatch-info{flex:1}.color-palette__swatch-name{font-size:.9em;font-weight:600;color:var(--cp-text);margin:0 0 .15rem;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.color-palette__swatch-pantone{font-size:.8em;color:var(--cp-text-lighter);margin:0;font-weight:400}@media(max-width:1024px){.color-palette__content{grid-template-columns:2fr 1fr;gap:1.5rem;max-width:90%}.color-palette__example img{max-height:200px}.color-palette__swatch-image{width:150px;min-width:150px}}@media(max-width:768px){.color-palette-section{padding:2rem 0}.color-palette__header{margin-bottom:2rem;padding-top:0}.color-palette__title{font-size:1.875em}.color-palette__subtitle{font-size:1em}.color-palette__tabs{margin-bottom:2rem}.color-palette__tab{padding:.875rem 1rem;font-size:.8em}.color-palette__content{grid-template-columns:1fr;gap:2rem;max-width:100%}.color-palette__examples{position:static;flex-direction:row;overflow-x:auto;padding-bottom:1rem;align-items:center}.color-palette__example{min-width:150px}.color-palette__example img{max-height:180px}.color-palette__group{margin-bottom:3rem;scroll-margin-top:100px}.color-palette__group-title{font-size:1.4em}.color-palette__group-subtitle{font-size:.9em}.color-palette__grid{grid-template-columns:1fr;gap:.5rem}.color-palette__swatch-image{width:140px;min-width:140px}.color-palette__swatch-name{font-size:.85em}.color-palette__swatch-pantone{font-size:.75em}}@media(max-width:480px){.color-palette__swatch-image{width:120px;min-width:120px}.color-palette__tab{padding:.75rem .875rem;font-size:.75em}}.color-palette__tab:focus-visible{outline:2px solid var(--cp-primary);outline-offset:-2px}.color-palette__swatch:focus-visible{outline:2px solid var(--cp-primary);outline-offset:4px;border-radius:var(--cp-radius)}@media print{.color-palette__tabs{position:static;border:none;box-shadow:none}.color-palette__content{grid-template-columns:1fr}.color-palette__examples{display:none}.color-palette__tab{page-break-inside:avoid}.color-palette__group{page-break-inside:avoid;margin-bottom:3rem}.color-palette__swatch{page-break-inside:avoid}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.color-palette__group{animation:fadeInUp .5s ease-out}body.header-pinned .color-palette__tabs{top:var(--f-header-height, 0)}body.header-pinned .color-palette__group{scroll-margin-top:calc(120px + var(--f-header-height, 0))}body.header-pinned .color-palette__examples{top:calc(140px + var(--f-header-height, 0))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-palette.css.map */