.pg-colors_grid{gap:24px;display:grid}@supports (content-visibility:auto){.pg-colors-catalog,.pg-colors-guide{content-visibility:auto;contain-intrinsic-size:auto 900px}}.pg-colors_content{background-color:var(--internal-box-bg);border:1px solid var(--neutral-550-color);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;padding:28px 22px;display:flex;position:relative;overflow:hidden}.pg-colors_content:before{content:"";background-color:var(--accent-50-color);width:5px;height:100%;position:absolute;top:0;left:0}.pg-colors_label{color:var(--accent-50-color);font-size:12px;font-weight:var(--fw-title);text-transform:uppercase;margin:0 0 14px;line-height:1.2}.pg-colors_title{color:var(--neutral-50-color);font-size:32px;font-weight:var(--fw-title);text-wrap:balance;max-width:620px;line-height:1.04}.pg-colors_text{max-width:600px;color:var(--neutral-200-color);margin:20px 0 0;font-size:15px;line-height:1.58}.pg-colors_warning{border-radius:var(--radius-lg);background-color:#d832500f;border:1px solid #d832502e;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;max-width:612px;margin:22px 0 0;padding:14px;display:grid}.pg-colors_warning-ic{width:18px;fill:var(--accent-50-color);margin:2px 0 0}.pg-colors_warning-text{color:var(--neutral-150-color);font-size:13px;line-height:1.45}.pg-colors_actions{flex-wrap:wrap;align-items:center;gap:18px;margin:32px 0 0;display:flex}.pg-colors_link{color:var(--neutral-50-color);font-size:13px;font-weight:var(--fw-title);text-transform:uppercase;transition:color var(--transition-default);border-bottom:1px solid}.pg-colors_panel{background-color:var(--internal-box-bg);border:1px solid var(--neutral-550-color);border-radius:var(--radius-lg);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 16px;padding:18px;display:grid}.pg-colors_panel-title{color:var(--neutral-50-color);font-size:18px;font-weight:var(--fw-title);line-height:1.15}.pg-colors_panel-text{max-width:150px;color:var(--neutral-200-color);text-align:right;font-size:12px;line-height:1.35}.pg-colors_featured{grid-column:1/-1;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;align-self:stretch;gap:10px;min-height:0;display:grid}.pg-colors_featured-item,.pg-colors-catalog_card{background-color:var(--internal-box-bg);border:1px solid var(--neutral-550-color);border-radius:var(--radius-lg);padding:12px;overflow:hidden}.pg-colors_featured-img,.pg-colors-catalog_img{border-radius:calc(var(--radius-lg) - 6px);width:100%}.pg-colors_featured-name{color:var(--neutral-50-color);font-size:12px;font-weight:var(--fw-title);text-align:center;padding:10px 4px 2px;line-height:1.2}.pg-colors-catalog_head{align-items:flex-end}.pg-colors-catalog_note{background-color:var(--internal-box-bg);border:1px solid var(--neutral-550-color);border-radius:var(--radius-lg);align-items:center;gap:16px;width:fit-content;max-width:100%;margin:18px auto 0;padding:18px 20px;display:flex}.pg-colors-catalog_note-number{color:var(--accent-50-color);font-size:38px;font-weight:var(--fw-title);flex:none;line-height:.9}.pg-colors-catalog_note-text{max-width:196px;color:var(--neutral-50-color);font-size:14px;font-weight:var(--fw-medium);text-wrap:balance;line-height:1.35}.pg-colors-catalog_grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pg-colors-catalog_card{background-color:var(--internal-box-bg);transition:border-color var(--transition-default), transform var(--transition-default)}.pg-colors-catalog_body{gap:4px;padding:12px 2px 2px;display:grid}.pg-colors-catalog_name{color:var(--neutral-50-color);font-size:13px;font-weight:var(--fw-title);line-height:1.15}.pg-colors-catalog_family{color:var(--neutral-250-color);font-size:11px;font-weight:var(--fw-medium);text-align:left;line-height:1.2}.pg-colors-guide_box{background-color:var(--internal-box-bg);border:1px solid var(--neutral-550-color);border-radius:var(--radius-lg);overflow:hidden}.pg-colors-guide_head{padding:30px 20px 22px}.pg-colors-guide_title{color:var(--neutral-50-color);font-size:28px;line-height:var(--lh-title);text-wrap:balance}.pg-colors-guide_text{max-width:720px;color:var(--neutral-200-color);margin:14px 0 0;font-size:15px;line-height:1.58}.pg-colors-guide_grid{background-color:var(--neutral-550-color);border-top:1px solid var(--neutral-550-color);border-bottom:1px solid var(--neutral-550-color);gap:1px;display:grid}.pg-colors-guide_item{background-color:var(--internal-box-bg);padding:22px 20px}.pg-colors-guide_ic{width:30px;fill:var(--accent-50-color);margin:0 0 22px}.pg-colors-guide_item-title{color:var(--neutral-50-color);font-size:18px;line-height:1.12}.pg-colors-guide_item-text{color:var(--neutral-200-color);margin:10px 0 0;font-size:14px;line-height:1.52}.pg-colors-guide_cta{background-color:var(--internal-box-bg);align-items:center;gap:18px;padding:24px 20px 30px;display:grid}.pg-colors-guide_cta-text{color:var(--neutral-50-color);font-size:17px;font-weight:var(--fw-medium);text-wrap:balance;line-height:1.35}@media (width>=640px){.pg-colors_content{padding:34px}.pg-colors_panel{padding:22px}.pg-colors_featured,.pg-colors-catalog_grid{grid-template-columns:repeat(3,1fr)}.pg-colors_title{font-size:38px}.pg-colors-catalog_body{justify-content:space-between;align-items:center;gap:10px;display:flex}.pg-colors-catalog_family{text-align:right}}@media (width>=768px){.pg-colors_title{font-size:42px}.pg-colors-catalog_grid{grid-template-columns:repeat(4,1fr);gap:14px}.pg-colors-guide_grid{grid-template-columns:repeat(3,1fr)}.pg-colors-guide_cta{grid-template-columns:minmax(0,1fr) auto}}@media (width>=1024px){.pg-colors_grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:stretch;gap:28px}.pg-colors_content{padding:44px 42px}.pg-colors_title{font-size:46px}.pg-colors_text{font-size:16px}.pg-colors_panel{padding:26px}.pg-colors_featured{gap:14px}.pg-colors_featured-item,.pg-colors-catalog_card{padding:16px}.pg-colors-catalog_grid{grid-template-columns:repeat(5,1fr);gap:16px}.pg-colors-guide_head{max-width:820px;padding:54px 54px 42px}.pg-colors-guide_title{font-size:38px}.pg-colors-guide_item{padding:34px}.pg-colors-guide_cta{padding:34px 54px 54px}}@media (width>=1024px) and (hover:hover) and (pointer:fine){.pg-colors_link:hover{color:var(--accent-25-color)}.pg-colors-catalog_card:hover{border-color:var(--accent-50-color);transform:translateY(-4px)}}@media (width>=1320px){.pg-colors_grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:34px}.pg-colors_title{font-size:54px}.pg-colors_panel{padding:28px}.pg-colors_content{padding:54px 50px}.pg-colors-catalog_note{margin:0}.pg-colors_featured{grid-template-columns:repeat(3,1fr);gap:16px}.pg-colors-catalog_grid{grid-template-columns:repeat(6,1fr)}}@media (width>=1560px){.pg-colors_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-colors_title{font-size:58px}.pg-colors_text{font-size:17px}.pg-colors_panel-title{font-size:19px}.pg-colors_panel-text{font-size:13px}.pg-colors_featured-item,.pg-colors-catalog_card{padding:18px}.pg-colors-catalog_grid{gap:18px}.pg-colors-catalog_body{padding:16px 2px 2px}.pg-colors-catalog_name{font-size:14px}.pg-colors-guide_title{font-size:46px}.pg-colors-guide_text,.pg-colors-guide_item-text{font-size:17px}}