.pg-info-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:613px;overflow-y:auto;overflow-x:hidden;font-family:Lato,sans-serif}.pg-info-panel__filters{display:flex;flex-wrap:wrap;gap:10px}.pg-info-panel__filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border:1px solid #222;border-radius:8px;background:#fff;color:#222;font-family:Lato,sans-serif;font-weight:500;font-size:13px;line-height:11.475px;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.pg-info-panel__filter-btn:hover{background:#f5f2ed}.pg-info-panel__filter-btn--active{background:#74695c;color:#fff;border-color:#74695c}.pg-info-panel__filter-btn--active:hover{background:#655b4f}.pg-info-panel__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:14px 13px;padding:10px}.pg-info-panel__swatch{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer;overflow:visible;transition:transform .15s ease}.pg-info-panel__swatch img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;border:.5px solid var(--site-color)}.pg-info-panel__swatch-fill{width:100%;height:100%;display:block;border-radius:8px;background:#ccc;border:.5px solid var(--site-color)}.pg-info-panel__swatch--active{width:60px;height:60px;border:3.75px solid var(--sitecolor, #74695c);border-radius:14px;margin:-9.375px;overflow:visible}.pg-info-panel__swatch--active img{width:100%;height:100%;border-radius:10px;border:1.875px solid #fff}.pg-info-panel__chart-row{display:flex;align-items:center;gap:0}.pg-info-panel__help-btn{display:flex;align-items:center;justify-content:center;width:42px;height:43px;border:1.226px solid #222;border-radius:9.81px;background:#fff;cursor:pointer;flex-shrink:0}.pg-info-panel__help-btn:hover{background:#f5f2ed}.pg-info-panel__chart-link{font-family:Lato,sans-serif;font-weight:700;font-size:15px;color:#222;text-decoration:underline;text-decoration-skip-ink:none;padding:1.859px 6.196px}.pg-info-panel__chart-link:hover{color:#74695c}.pg-info-panel__content-wrapper{display:flex;flex-direction:column;gap:12px;background:#fff;padding-top:22px;padding-left:33px;overflow:hidden}.pg-info-panel__color-detail{width:629px;max-width:100%}.pg-info-panel__color-detail-inner{display:flex;align-items:center;gap:16px;background:#ffffffb3;border-radius:12px;padding:22px 22px 22px 0}.pg-info-panel__color-media{flex-shrink:0;width:179px;height:178px;border-radius:109px;overflow:hidden}.pg-info-panel__color-media img{width:100%;height:100%;object-fit:cover;display:block}.pg-info-panel__color-info{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0;padding:6px}.pg-info-panel__color-name{margin:0;font-family:Lato,sans-serif;font-weight:700;font-size:22px;line-height:1.3;color:#000}.pg-info-panel__color-desc{margin:0;font-family:Lato,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#000}.pg-info-panel__tone-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 0;width:65px;background:#f1e0c8;border-radius:8px;font-family:Lato,sans-serif;font-weight:500;font-size:14px;color:#222;opacity:.7}.pg-info-panel__examples{display:flex;flex-direction:column;gap:29px;padding:0}.pg-info-panel__examples:empty{display:none}.pg-info-panel__examples-header{display:flex;flex-direction:column;gap:16px}.pg-info-panel__examples-title{margin:0;font-family:Lato,sans-serif;font-weight:700;font-size:23px;line-height:1.3;color:#222}.pg-info-panel__examples-copy{margin:0;font-family:Lato,sans-serif;font-weight:400;font-size:17px;line-height:1.4;color:#000}.pg-info-panel__examples-track{position:relative;width:100%;max-width:805px;overflow:hidden}.pg-info-panel__examples-track .swiper-wrapper{display:flex;align-items:flex-start}.pg-info-panel__examples-track .swiper-slide{width:auto;height:auto;flex-shrink:0}.pg-info-panel__example-card{display:flex;flex-direction:column;gap:6.71px;text-decoration:none;color:inherit;width:100%}.pg-info-panel__example-card:hover .pg-info-panel__example-img img{transform:scale(1.03)}.pg-info-panel__example-img{width:100%;aspect-ratio:185 / 276;border-radius:8px;overflow:hidden;background:#f4eee8}.pg-info-panel__example-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.pg-info-panel__example-title{margin:0;font-family:Lato,sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:#000}.pg-info-panel__examples-pagination{display:flex!important;justify-content:center;gap:17px;position:relative!important;bottom:auto!important;width:100%;padding-bottom:16px}.pg-info-panel__examples-pagination.swiper-pagination-bullets{position:relative!important;inset:auto!important;transform:none!important}.pg-info-panel__dot{width:13px;height:13px;border-radius:50%;background:#e0e0e0;transition:background-color .15s;cursor:pointer;opacity:1}.pg-info-panel__dot:hover{background:silver}.pg-info-panel__dot--active{background:#222}.pg-info-panel__empty{padding:48px 0;text-align:center;font-family:Lato,sans-serif;font-size:16px;color:#666}@media screen and (max-width:1440px){.pg-info-panel{max-width:480px}.pg-info-panel__content-wrapper{padding-left:23px;padding-top:16px;gap:8px}.pg-info-panel__color-detail{width:447px;max-width:100%}.pg-info-panel__color-detail-inner{gap:11px;padding:16px 16px 16px 0;border-radius:8px}.pg-info-panel__color-media{width:127px;height:127px;border-radius:77px}.pg-info-panel__color-info{gap:11px;padding:4px}.pg-info-panel__color-name{font-size:16px}.pg-info-panel__color-desc{font-size:11px}.pg-info-panel__examples{gap:21px}.pg-info-panel__examples-header{gap:11px}.pg-info-panel__examples-title{font-size:16px}.pg-info-panel__examples-copy{font-size:12px}.pg-info-panel__examples-track{max-width:572px}.pg-info-panel__example-card{gap:5px}.pg-info-panel__example-img{aspect-ratio:132 / 196;border-radius:6px}.pg-info-panel__example-title{font-size:10px}.pg-info-panel__examples-pagination{gap:12px;padding-bottom:12px}.pg-info-panel__dot{width:9px;height:9px}.pg-info-panel__filters{gap:7.111px}.pg-info-panel__filter-btn{padding:9.955px 11.377px;font-size:9.244px;line-height:8.16px;border-width:.711px;border-radius:5.689px}.pg-info-panel__swatches{gap:14px 9.244px;padding:7px}.pg-info-panel__swatch{width:29.332px;height:29.332px}.pg-info-panel__swatch--active{width:42.665px;height:42.665px;border-width:2.667px;border-radius:14px;margin:-6.667px}.pg-info-panel__swatch--active img{border-width:1.333px;border-radius:10px}.pg-info-panel__help-btn{width:29.866px;height:30.577px;border-width:.872px;border-radius:6.975px}}@media screen and (max-width:1200px){.pg-info-panel{max-width:380px}.pg-info-panel__content-wrapper{padding-left:16px;padding-top:12px;gap:8px}.pg-info-panel__filter-btn{padding:8px 10px;font-size:8.5px;border-radius:5px}.pg-info-panel__swatch{width:26px;height:26px}.pg-info-panel__swatch--active{width:38px;height:38px;border-width:2.4px;margin:-6px}.pg-info-panel__color-detail{width:100%}.pg-info-panel__color-detail-inner{gap:10px;padding:12px 12px 12px 0}.pg-info-panel__color-media{width:100px;height:100px;border-radius:50px}.pg-info-panel__color-info{gap:8px;padding:4px}.pg-info-panel__color-name{font-size:14px}.pg-info-panel__color-desc{font-size:10px}.pg-info-panel__examples{gap:16px}.pg-info-panel__examples-header{gap:8px}.pg-info-panel__examples-title{font-size:14px}.pg-info-panel__examples-copy{font-size:11px}.pg-info-panel__example-img{aspect-ratio:120 / 180;border-radius:5px}.pg-info-panel__example-title{font-size:9px}}@media screen and (max-width:989px){.pg-info-panel{max-width:100%;padding:0 16px}.pg-info-panel__content-wrapper{padding-left:0;padding-top:16px}.pg-info-panel__color-detail-inner{flex-direction:column;align-items:center;text-align:center;padding:16px}.pg-info-panel__color-media{width:120px;height:120px}.pg-info-panel__color-info{align-items:center;padding:0}}@media screen and (max-width:749px){.pg-info-panel__filter-btn{padding:10px 12px;font-size:12px}.pg-info-panel__swatch{width:36px;height:36px}.pg-info-panel__swatch--active{width:52px;height:52px;margin:-8px}.pg-info-panel__color-name{font-size:18px}.pg-info-panel__examples-title{font-size:19px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/popup-gallery-info-panel.css.map */