.pfc .pf-col-hero{background:var(--pfc-soft);border-bottom:2px solid var(--pfc-strong);padding:8px 0 10px}.pfc-quick,.pfc-tones-grid{scrollbar-width:none}.pfc-quick::-webkit-scrollbar,.pfc-tones-grid::-webkit-scrollbar{display:none}.pfc .pf-col-barrow{padding-top:7px;padding-bottom:7px;gap:6px}.pfc .pf-col-dropbtn,.pfc .pf-col-sort{padding-top:6px;padding-bottom:6px}.pfc .pf-col-title{color:var(--pfc-strong);font-size:26px;line-height:1.02}.pfc-hero{display:grid;gap:var(--pf-space-3);align-items:start}.pfc-hero-text{min-width:0}.pfc-lede{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--pf-neutral-700);max-width:62ch}.pfc-quick{display:flex;flex-wrap:nowrap;gap:6px;margin-top:var(--pf-space-2);padding-bottom:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.pfc-quick>*{flex:none;scroll-snap-align:start}.pfc-tones{background:var(--pf-color-bg);border:1px solid var(--pf-color-divider);padding:8px;min-width:0}.pfc-tones-head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:6px}.pfc-tones-h{font-family:var(--pf-font-heading);font-weight:600;font-size:14px;line-height:1.1;margin:0}.pfc-tones-note{font-size:10px;line-height:1.3;color:var(--pf-neutral-600)}.pfc-tones-grid{display:grid;grid-auto-flow:column;grid-template-rows:auto;grid-auto-columns:72px;gap:6px;list-style:none;margin:0;padding:0 0 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.pfc-tone{border:1px solid var(--pf-color-divider);display:flex;flex-direction:column;scroll-snap-align:start}.pfc-tone-chip{height:36px;border-bottom:1px solid var(--pf-color-divider);position:relative}.pfc-tone-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #1d1f2014}.pfc-tone-name{font-size:10px;line-height:1.2;padding:4px 5px;color:var(--pf-color-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.pf-col-vt-parent{font-size:11px;line-height:1.3;color:var(--pf-neutral-600);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.pf-col-vt-tone{display:flex;align-items:center;gap:6px;min-width:0}.pf-col-vt-dot{width:14px;height:14px;flex:none;border:1px solid var(--pf-color-divider);position:relative}.pf-col-vt-dot[data-out]{opacity:.55}.pf-col-vt-name{font-family:var(--pf-font-heading);font-size:14px;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.pf-col-vtile.is-out .pf-col-tile-img{opacity:.55}.pfc-copy{margin-top:var(--pf-space-8);display:grid;gap:var(--pf-space-6)}.pfc-copy-text{font-size:15px;line-height:1.7;color:#424244;max-width:78ch}.pfc-copy-text p{margin:0 0 var(--pf-space-3)}.pfc-copy-text p:last-child{margin-bottom:0}.pfc-faq-h{font-family:var(--pf-font-heading);font-weight:600;font-size:22px;line-height:1.05;margin:0 0 var(--pf-space-3)}.pfc-faq-list{display:grid;gap:var(--pf-space-2)}.pfc-faq-item{border:1px solid var(--pf-color-divider);background:var(--pf-color-bg)}.pfc-faq-q{display:flex;align-items:flex-start;gap:var(--pf-space-2);padding:var(--pf-space-3) var(--pf-space-4);cursor:pointer;font-family:var(--pf-font-heading);font-weight:600;font-size:16px;line-height:1.25;list-style:none}.pfc-faq-q::-webkit-details-marker{display:none}.pfc-faq-sign{flex:none;width:16px;height:16px;margin-top:2px;position:relative;color:var(--pfc-strong)}.pfc-faq-sign:before,.pfc-faq-sign:after{content:"";position:absolute;background:currentColor}.pfc-faq-sign:before{left:0;top:7px;width:16px;height:2px}.pfc-faq-sign:after{left:7px;top:0;width:2px;height:16px;transition:transform .15s ease}.pfc-faq-item[open] .pfc-faq-sign:after{transform:scaleY(0)}.pfc-faq-a{padding:0 var(--pf-space-4) var(--pf-space-4);font-size:15px;line-height:1.65;color:#424244}.pfc-faq-a p{margin:0 0 var(--pf-space-2)}.pfc-faq-a p:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.pfc-faq-sign:after{transition:none}}@media screen and (min-width:1000px){.pfc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--pf-space-6)}.pfc .pf-col-title{font-size:42px}.pfc-lede{font-size:15px;line-height:1.55}.pfc-quick{flex-wrap:wrap;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.pfc .pf-col-hero{padding:var(--pf-space-4) 0 var(--pf-space-6)}.pfc-tones{padding:var(--pf-space-3)}.pfc-tones-h{font-size:15px}.pfc-tones-note{font-size:11px}.pfc-tones-grid{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-auto-columns:auto;gap:6px;padding:0;overflow-x:visible;overflow-y:auto;max-height:258px;scroll-snap-type:none}.pfc-tone-chip{height:44px}.pfc-tone-name{font-size:11px;padding:5px 6px}.pfc-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pf-space-8);align-items:start}.pfc-copy-text{font-size:16px}.pfc-faq-h{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/pf-collection-color.css.map */