/*! CSS-GRADIENT.COM - Do not use without permission */
.buttons-colors{cursor:pointer;position:relative}.buttons-colors a{box-sizing:border-box;border-radius:28px;width:28px;height:28px;margin-top:4px;margin-left:0;margin-right:8px;line-height:1.75rem;display:inline-block}.buttons-colors a#white{border:.5px solid #e0e0e0}.buttons-colors a#red{background-color:#ed2939}.buttons-colors a#orange{background-color:#ef7215}.buttons-colors a#yellow{background-color:#ffd300}.buttons-colors a#green{background-color:#50c878}.buttons-colors a#azure{background-color:#bdffff}.buttons-colors a#blue{background-color:#008ecc}.buttons-colors a#purple{background-color:purple}.buttons-colors a#pink{background-color:#fe7f9c}.buttons-colors a#monochrome{background-color:#dcdcdc}.buttons-type{cursor:pointer;position:relative}.buttons-type a{border:2px solid var(--color3);text-align:center;border-radius:8px;width:80px;height:32px;margin-top:4px;margin-left:8px;font-size:.8125rem;font-weight:500;line-height:1.75rem;text-decoration:none;display:inline-block}.buttons-type a:first-child{margin-left:0}.buttons-type a:nth-child(4){margin-left:0}.buttons-type a:hover{background:var(--color3)}.section-pages{width:50%;color:var(--color1-90);margin:92px auto 0;font-size:.875rem;font-weight:400;line-height:1.5;display:block}.section-pages-header{flex-flow:row;align-items:center;margin-bottom:54px;display:flex}.breadcrumb{margin-bottom:24px;font-size:.8125rem;display:block}.breadcrumb a{color:var(--color1-60);text-decoration:none}.breadcrumb a:hover{color:var(--color1);text-underline-offset:2px;text-decoration:underline}.breadcrumb-sep{color:var(--color1-25);margin:0 6px}.breadcrumb-current{color:var(--color1)}h2#colors{text-transform:uppercase;color:var(--color1);flex:60%;font-size:.9375rem;font-weight:600;display:inline-block}a#gimmemore,a#createnew{cursor:pointer;box-sizing:border-box;border:2px solid var(--color3);min-width:130px;height:48px;color:var(--color1);border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}a#gimmemore{min-width:100px;margin-right:8px}a#createnew:hover{background:var(--color3)}a#gimmemore:hover{background:var(--color3)}.section-colors{flex-flow:wrap;align-content:flex-start;justify-content:center;align-items:flex-start;margin:0 -10px;display:flex}.section-colors>div{flex:0 50%;padding:10px}@media (max-width:992px){.section-colors>div{flex:0 100%}}.bkg,.color{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;height:160px;display:flex}.color{height:120px}.bkg a,.color a{color:#fff;text-align:center;width:100%;height:100%;line-height:160px;text-decoration:none;display:none}.color a{line-height:120px}.bkg:hover a{display:block}.color:hover a{display:block}div.section-color-names-table{width:100%;margin-bottom:0;overflow-x:auto}.section-color-names h3{text-transform:uppercase;color:var(--color1);margin-top:32px;margin-bottom:10px;font-size:.9375rem}.section-color-names table,.section-color-names thead,.section-color-names tbody,.section-color-names tfoot,.section-color-names tr,.section-color-names th,.section-color-names td{text-align:left;-webkit-user-select:text;user-select:text;background:0 0;height:0;margin:0;padding:0}.section-color-names table{border-collapse:collapse;width:100%;min-width:450px}.section-color-names table thead tr{border-bottom:1px solid var(--color3);height:50px;color:var(--color1-90)}.section-color-names table thead tr th{text-transform:uppercase;font-size:90%;font-weight:600}.section-color-names table thead tr th,.section-color-names table tbody tr td{padding-right:10px}.section-color-names table thead tr th:last-of-type{padding-right:0}.section-color-names table tbody tr td:last-of-type{padding-right:0}.section-color-names table tbody tr td{border-bottom:1px solid var(--color3);height:70px;color:var(--color1)}.section-color-names table tbody tr td#color-names-color{width:90px}.section-color-names table tbody tr td div#color-names-color-get{cursor:pointer;border-radius:35px;width:35px;height:35px;display:block}.section-color-names table tbody tr td div#color-names-color-get.copied{text-align:center;width:70px;background-color:var(--color1)!important}.section-color-names table tbody tr td div#color-names-color-get.copied:after{content:"Copied!";color:var(--color3);font-size:90%;line-height:35px}.section-color-names table tbody tr td#color-names-name a{text-decoration:none}.cv-swatch{box-sizing:border-box;border:2px solid var(--color3);border-radius:12px;justify-content:center;align-items:flex-end;height:200px;margin-bottom:24px;padding-bottom:16px;display:flex}.cv-swatch-hex{color:#fff;-webkit-user-select:text;user-select:text;font-size:1rem;font-weight:700}.cv-swatch.cv-light .cv-swatch-hex{color:#1f2430}.cv-fields{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex;container-type:inline-size}.cv-group{flex-direction:column;flex:0 0 96px;gap:6px;display:flex}.cv-group-hex{flex:0 200px;margin-left:auto}@container (width<=479px){.cv-group{flex:calc(33.333% - 10px)}.cv-group-hex{flex:100%;margin-left:0}}.cv-label{color:var(--color1);font-size:.8125rem;font-weight:600}.cv-group input{box-sizing:border-box;border:2px solid var(--color3);width:100%;height:48px;color:var(--color1);text-align:center;background:0 0;border-radius:12px;outline:none;padding:0 12px;font-family:inherit;font-size:.875rem;font-weight:600}.cv-group input::placeholder{opacity:.3}.cv-group input:focus{border-color:var(--color1)}.cv-group-hex input{text-transform:uppercase}.cv-outputs{margin:48px 0 60px}.cv-outputs .code-block-label{margin-top:24px}.cv-outputs .code-block-label:first-child{margin-top:0}#cv-name-block{margin-top:24px}.cv-code{box-sizing:border-box;background:var(--color3);color:var(--color1);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;border-radius:12px;margin:8px 0 0;padding:16px 20px}#cv-name-block[hidden]{display:none}@media (max-width:540px){.cv-swatch{height:140px}}h2#color-name{text-transform:uppercase;color:var(--color1);font-size:.9375rem;font-weight:600;display:inline-block}.text-block .code-block-label{margin-top:24px}.text-block h3+.code-block-label{margin-top:0}.text-block pre.code-demo{margin:8px 0 24px}.code-wrap{margin:0;position:relative}.code-block-label+.code-wrap{margin-top:8px}.text-block h3+.code-wrap{margin-top:8px}.text-block .code-wrap{margin-bottom:24px}div.code-wrap>pre[id]{margin:0;padding-right:52px}.code-wrap .code-copy-btn{z-index:1;width:21px;height:21px;color:var(--color1);opacity:.55;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:16px;right:16px}.code-wrap .code-copy-btn.copied{opacity:1}.code-wrap .code-copy-btn:hover{opacity:1}.text-block .code-wrap:has(+.format-swatch){margin-bottom:8px}.text-block .code-wrap:has(+.demo){margin-bottom:8px}.text-block .code-wrap:has(+.demo-text){margin-bottom:8px}.text-block .demo-text,.text-block .demo{margin:0 0 24px}.text-block table{margin-bottom:16px}.text-block .section-cta-button{margin-top:40px}h3.page-h3{text-transform:uppercase;color:var(--color1);margin:48px 0 16px;font-size:.875rem;font-weight:600;display:block}h4.page-h4{color:var(--color1);margin:24px 0 8px;font-size:.875rem;font-weight:600}p.page-p{color:var(--color1-90);margin:0 0 16px}div.color-name-box{border-radius:12px;width:100%;height:200px;margin-bottom:24px;display:block}div.format-swatch{border-radius:12px;width:100%;height:80px;margin:8px 0 24px;display:block}a.color-gradient-cta{border:2px solid var(--color3);border-radius:12px;margin-bottom:30px;padding:15px;text-decoration:none;display:block}a.color-gradient-cta:hover{border-color:var(--color1-25)}div.color-gradient-preview{border-radius:8px;width:100%;height:80px;margin-bottom:12px;display:block}span.color-gradient-cta-label{color:var(--color1);font-size:.875rem;font-weight:400;display:block}div.color-name-css{box-sizing:border-box;width:100%;color:var(--color1);margin-bottom:0;display:block}div.color-name-css .code-block-label{margin-top:24px}div.color-name-css .code-block-label:first-child{margin-top:0}div.color-name-css pre{box-sizing:border-box;background-color:var(--color3);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;border-radius:12px;max-width:100%;margin:8px 0 0;padding:16px 20px}div.color-name-information{width:100%;color:var(--color1);margin-bottom:0}.preset-hero{border-radius:12px;width:100%;height:200px;margin-bottom:20px;display:block}.preset-description{width:100%;color:var(--color1);margin-bottom:40px}.preset-stops{flex-wrap:wrap;gap:10px;margin-bottom:0;display:flex}.preset-stops .preset-stop{cursor:pointer}.color-name-shades>div{cursor:pointer}.color-name-tints>div{cursor:pointer}.color-name-tones>div{cursor:pointer}.color-name-monochromatic>div{cursor:pointer}.color-name-similars>div{cursor:pointer}.preset-stop{border-radius:12px;flex:100px;justify-content:center;align-items:flex-end;height:70px;padding-bottom:8px;display:flex}.preset-stop span{color:#fff;background:rgba(0,0,0,.35);border-radius:4px;padding:2px 6px;font-size:.75rem}.code-block-label{text-transform:uppercase;color:var(--color1);justify-content:space-between;align-items:center;margin-top:16px;font-size:.75rem;font-weight:600;display:flex}.code-block-label:first-child{margin-top:0}.preset-related{flex-wrap:wrap;gap:12px;margin-bottom:0;display:flex}.preset-related-card{flex:140px;text-decoration:none;display:block}.preset-related-swatch{border-radius:12px;width:100%;height:70px;margin-bottom:6px}.preset-related-name{color:var(--color1);font-size:.8125rem}.section-presets{margin-top:0}.preset-filter{border:2px solid var(--color3);border-radius:12px;flex-wrap:wrap;gap:2px;width:-webkit-fit-content;width:fit-content;max-width:100%;margin-bottom:20px;padding:4px;display:flex}.preset-filter-pill{height:32px;color:var(--color1);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 16px;font-family:inherit;font-size:.8125rem;font-weight:500}.preset-card[hidden]{display:none}.preset-filter-pill.selected{background:var(--color3)}.palette-hero{border-radius:12px;width:100%;height:200px;margin-bottom:20px;display:flex;overflow:hidden}.palette-hero span{flex:1 1 0;display:block}.palette-related-swatch{border-radius:12px;width:100%;height:70px;margin-bottom:6px;display:flex;overflow:hidden}.palette-related-swatch span{flex:1 1 0;display:block}.palette-contrast{width:100%;margin-bottom:8px;overflow-x:auto}.palette-contrast-table,.palette-contrast-table thead,.palette-contrast-table tbody,.palette-contrast-table tr,.palette-contrast-table th,.palette-contrast-table td{text-align:left;background:0 0;height:0;margin:0;padding:0}.palette-contrast-table{border-collapse:collapse;width:100%;min-width:420px}.palette-contrast-table thead tr{border-bottom:1px solid var(--color3);height:44px;color:var(--color1-90)}.palette-contrast-table thead tr th{text-transform:uppercase;font-size:90%;font-weight:600}.palette-contrast-table th,.palette-contrast-table td{padding-right:10px}.palette-contrast-table th:last-of-type{padding-right:0}.palette-contrast-table td:last-of-type{padding-right:0}.palette-contrast-table tbody tr td{border-bottom:1px solid var(--color3);height:56px;color:var(--color1)}.palette-contrast-swatch{border-radius:35px;width:35px;height:35px;display:block}.palette-contrast-hex{font-size:.8125rem;font-weight:600}.palette-contrast-check{align-items:center;gap:6px;display:flex}.palette-contrast-link-icon{color:currentColor;opacity:.7;flex-shrink:0}.palette-contrast-badge:hover .palette-contrast-link-icon{opacity:1}.palette-contrast-circle{border:.5px solid rgba(0,0,0,.25);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:.9375rem;font-weight:700;display:flex}.palette-contrast-badge{color:var(--color1);cursor:pointer;background:rgba(128,128,128,.3);border-radius:8px;align-items:center;gap:4px;margin-left:4px;padding:4px 8px;font-size:.6875rem;font-weight:700;text-decoration:none;display:inline-flex}.palette-contrast-badge.pass{color:#fff;background:#1a7f37}.palette-contrast-badge.fail{color:#fff;background:#cf222e}.palette-contrast-note{color:var(--color1);opacity:.7;margin-bottom:0;font-size:.75rem}.guide-cards{flex-wrap:wrap;gap:20px;margin:0;display:flex}.guide-card{border:1px solid var(--color1-25);border-radius:12px;flex:260px;padding:24px;text-decoration:none;display:block}.guide-card:hover{background:var(--color3)}.guide-card-title{color:var(--color1);margin-bottom:8px;font-size:1rem;font-weight:700;display:block}.guide-card-desc{color:var(--color1-90);font-size:.8125rem;line-height:1.5;display:block}div.color-name-details-table{width:100%;margin-bottom:0;overflow-x:auto}.color-name-details table,.color-name-details thead,.color-name-details tbody,.color-name-details tfoot,.color-name-details tr,.color-name-details th,.color-name-details td{text-align:left;-webkit-user-select:text;user-select:text;background:0 0;height:0;margin:0;padding:0}.color-name-details table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:450px}.color-name-details table tbody tr td{padding-right:10px}.color-name-details table tbody tr td:last-of-type{padding-right:0}.color-name-details table tbody tr td{border-bottom:1px solid var(--color3);height:70px;color:var(--color1)}.color-name-details table tbody tr td#color-name-details-format{font-weight:700}.color-name-details table tbody tr td#color-name-details-value{font-family:monospace}.color-name-shades,.color-name-tints,.color-name-tones,.color-name-monochromatic,.color-name-similars{text-align:center;width:100%;margin-bottom:0;display:block}.color-name-shades div,.color-name-tints div,.color-name-tones div,.color-name-monochromatic div,.color-name-similars div{text-align:center;cursor:pointer;border-radius:50px;width:100px;height:100px;margin:5px;display:inline-block}.color-name-shades div span,.color-name-tints div span,.color-name-tones div span,.color-name-monochromatic div span,.color-name-similars div span{color:var(--color1);opacity:0;font-size:90%;line-height:100px;display:block}.color-name-shades div:hover{background-color:var(--color3)!important}.color-name-tints div:hover{background-color:var(--color3)!important}.color-name-tones div:hover{background-color:var(--color3)!important}.color-name-monochromatic div:hover{background-color:var(--color3)!important}.color-name-similars div:hover{background-color:var(--color3)!important}.color-name-shades div:hover span{opacity:1}.color-name-tints div:hover span{opacity:1}.color-name-tones div:hover span{opacity:1}.color-name-monochromatic div:hover span{opacity:1}.color-name-similars div:hover span{opacity:1}.icp-drop{border:2px dashed var(--color1-25);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:220px;padding:16px;display:flex}.icp-drop.dragover,.icp-photo.dragover{background:var(--color3);border-color:var(--color1)}.icp-drop:hover{background:var(--color3);border-color:var(--color1)}#icp-file:focus-visible+.icp-drop{outline:2px solid var(--color1);outline-offset:2px}.icp-drop[hidden]{display:none}.icp-workspace[hidden]{display:none}.icp-picked[hidden]{display:none}.icp-marker[hidden]{display:none}.icp-drop-title{color:var(--color1);font-size:.9375rem;font-weight:600}.icp-drop-note,.icp-hint,.icp-status{font-size:.75rem}.icp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.icp-replace,.icp-button{white-space:nowrap;border:2px solid var(--color3);height:48px;color:var(--color1);cursor:pointer;background:0 0;border-radius:12px;align-items:center;padding:0 12px;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.icp-replace:hover{background:var(--color3)}.icp-button:hover:not(:disabled){background:var(--color3)}.icp-button:disabled{cursor:default;opacity:.5}.icp-photo{border-radius:12px;margin:0 auto;display:block;position:relative}.icp-photo canvas{cursor:crosshair;touch-action:none;border-radius:12px;display:block}.icp-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3)}.icp-picked{border:2px solid var(--color3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.icp-picked-swatch{border-radius:8px;flex:0 0 44px;height:44px}.icp-picked-values{color:var(--color1);-webkit-user-select:text;user-select:text;flex-direction:column;flex:140px;font-size:.8125rem;display:flex}.icp-picked-hex{font-weight:600}.icp-picked-actions{gap:8px;display:flex}.icp-controls{gap:16px;margin:24px 0 8px;display:flex}.icp-control{flex-direction:column;flex:0 160px;display:flex}.icp-control-label{color:var(--color1);font-size:.75rem;font-weight:600;line-height:1.5rem}#icp-mood{border:2px solid var(--color3);background:var(--color2);height:48px;color:var(--color1);border-radius:12px;outline:none;padding:0 8px;font-family:inherit;font-size:.8125rem}#icp-count:focus-visible{border-color:var(--color1)}#icp-mood:focus-visible{border-color:var(--color1)}.icp-status{min-height:1.125rem;margin-bottom:16px}.icp-palette{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin-top:8px;margin-bottom:48px;display:grid}.icp-palette .preset-stop{position:relative}.icp-copy{cursor:pointer}.icp-unpin{color:#fff;cursor:pointer;background:rgba(0,0,0,.35);border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:14px;line-height:20px;position:absolute;top:4px;right:4px}.icp-unpin:hover{background:rgba(0,0,0,.55)}.icp-samples{margin-top:20px}.icp-samples[hidden]{display:none}.icp-credit[hidden]{display:none}.icp-samples-label{color:var(--color1);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.icp-samples-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.icp-sample{cursor:pointer;aspect-ratio:3/2;background:0 0;border:2px solid transparent;border-radius:12px;padding:0;display:block;overflow:hidden}.icp-sample img{object-fit:cover;width:100%;height:100%;display:block}.icp-sample:hover{border-color:var(--color1);outline:none}.icp-sample:focus-visible{border-color:var(--color1);outline:none}.icp-toolbar-actions{gap:8px;display:flex}.icp-credit{text-align:right;margin-top:6px;font-size:.75rem}.icp-credit a{color:inherit}.icp-error{color:var(--color1);margin:12px 0 0;font-size:.8125rem;font-weight:500}.icp-error[hidden]{display:none}.cta-preview{border-radius:12px;height:80px;margin-bottom:16px}a.primary-cta{background:var(--color1);height:48px;color:var(--color2);border-radius:12px;justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}a.primary-cta:hover{opacity:.9}a.primary-cta:focus-visible{outline:2px solid var(--color1);outline-offset:2px}.primary-cta-note{margin:10px 0 48px;font-size:.75rem}.bkg-light a{color:#1f2430}.gallery-heading-row{text-transform:uppercase;color:var(--color1);justify-content:space-between;align-items:center;margin:48px 0 16px;font-size:.875rem;font-weight:600;display:flex}.gallery-heading-row h3{font-size:inherit;font-weight:inherit;margin:0}a#shuffle{cursor:pointer;box-sizing:border-box;border:2px solid var(--color3);text-align:center;text-transform:none;width:130px;height:48px;color:var(--color1);border-radius:12px;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}a#shuffle:hover{background:var(--color3)}.pg-toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.pg-group{flex-direction:column;gap:6px;display:flex}.pg-label{color:var(--color1);font-size:.8125rem;font-weight:600}.pg-modes.preset-filter{margin-bottom:0}.pg-modes .preset-filter-pill{height:36px;padding:0 12px}.pg-count{border:2px solid var(--color3);border-radius:12px;height:48px;display:inline-flex;overflow:hidden}.pg-count button{color:var(--color1);cursor:pointer;background:0 0;border:none;font-family:inherit}.pg-count button:hover:not(:disabled){background:var(--color3)}.pg-count button{width:34px;padding:0;font-size:1.125rem}.pg-count button:disabled{cursor:default;opacity:.4}#pg-count-value,.pg-count-value{text-align:center;min-width:24px;color:var(--color1);font-size:.875rem;font-weight:600;line-height:44px}.pg-button{border:2px solid var(--color3);height:40px;color:var(--color1);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:.8125rem;font-weight:500;display:inline-flex}.pg-button:hover{background:var(--color3)}.pg-input-button{border-radius:12px;height:48px;padding:0 12px}.pg-thumb-remove{cursor:pointer;background:0 0;border:none;border-radius:5px;width:22px;height:22px;margin-right:-2px;padding:0;position:relative;overflow:hidden}.pg-thumb-remove[hidden]{display:none}.pg-thumb{object-fit:cover;width:100%;height:100%;display:block}.pg-thumb-remove span{color:#fff;opacity:0;background:rgba(0,0,0,.55);justify-content:center;align-items:center;font-size:16px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pg-thumb-remove:hover span{opacity:1}.pg-thumb-remove:focus-visible span{opacity:1}@media (hover:none){.pg-thumb-remove span{opacity:1}}.pg-thumb[hidden]{display:none}.pg-generate{background:var(--color1);height:48px;color:var(--color2);cursor:pointer;border:none;border-radius:12px;margin-left:auto;padding:0 18px;font-family:inherit;font-size:.875rem;font-weight:600}.pg-generate:hover{opacity:.9}.pg-share{justify-content:flex-end;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.pg-share .pg-cvd-note{flex:1;margin:0}.pg-copy-link{border-radius:12px;flex:none;height:48px}.pg-hint{color:var(--color1);opacity:.8;margin:10px 0 16px;font-size:.75rem}.pg-stage{margin-bottom:48px;position:relative}.pg-swatches{background:var(--color3);border-radius:12px;height:300px;display:flex;position:relative;overflow:hidden}.pg-swatch{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 1 0;justify-content:space-between;align-items:center;min-width:0;padding:44px 0 16px;display:flex;position:relative;container-type:inline-size}.pg-swatch.pg-light{color:#1f2430}.pg-swatch.pg-draggable{cursor:grab}.pg-swatch.pg-dragging{z-index:2;cursor:grabbing;box-shadow:0 10px 28px rgba(0,0,0,.35)}.pg-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.pg-act{width:32px;height:32px;color:inherit;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.pg-act[hidden]{display:none}.pg-act:hover{background:rgba(127,127,127,.25)}.pg-swatch.pg-dragging .pg-act,.pg-swatch.pg-locked .pg-lock{opacity:1}.pg-swatch:hover .pg-act{opacity:1}.pg-act:focus-visible{opacity:1}@media (hover:none){.pg-act{opacity:1}}.pg-drag{cursor:grab;touch-action:none}.pg-edit{position:relative}.pg-edit .pickr{position:absolute;top:0;bottom:0;left:0;right:0;margin:0!important}.pg-edit .pcr-button{opacity:0;cursor:pointer;border:none!important;width:100%!important;height:100%!important}.pg-info{flex-direction:column;align-items:center;gap:4px;display:flex}.pg-end-label{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:rgba(0,0,0,.25);border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:600}.pg-end-label[hidden]{display:none}.pg-hex{letter-spacing:-.01em;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;font-family:inherit;font-size:max(9px,min(19cqi,14px));font-weight:700}.pg-hex:hover{background:rgba(127,127,127,.2)}.pg-cvd{z-index:3;position:absolute;top:10px;right:10px}.pg-cvd-toggle{background:var(--color2);min-width:32px;height:32px;color:var(--color1);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px rgba(0,0,0,.15)}.pg-cvd-note{color:var(--color1);align-items:flex-start;gap:6px;margin:10px 0 0;font-size:.75rem;display:flex}.pg-cvd-warn svg#icn{margin:3px 0 0;display:block}.pg-cvd-note[hidden]{display:none}#pg-cvd-label:empty{display:none}.pg-cvd-menu{background:var(--color2);border-radius:12px;width:200px;padding:8px 16px 12px;position:absolute;top:40px;right:0;box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}.pg-cvd-menu[hidden]{display:none}.pg-pickr .pcr-color-opacity{display:none!important}.pg-code-label{margin-top:40px}#pg-code-hex,#pg-code-css{white-space:pre-wrap}@media (max-width:540px){.pg-generate{flex:100%;margin-left:0}.pg-swatches{flex-direction:column;height:auto}.pg-swatch{flex-direction:row-reverse;flex:none;justify-content:space-between;height:64px;padding:0 10px}.pg-actions,.pg-info{flex-direction:row}.pg-end-label{padding:1px 6px;font-size:.5625rem}.pg-cvd{justify-content:flex-end;margin-bottom:8px;display:flex;position:relative;top:auto;right:auto}.pg-stage{flex-direction:column-reverse;display:flex}}.pg-copy{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icp-control .pg-count{align-self:flex-start}.icp-control:has(.pg-count){flex:none}.icp-wrap{white-space:pre-wrap}.icp-edit-palette{color:var(--color1);margin:24px 0 0;font-size:.8125rem}.primary-cta+.icp-edit-palette{margin:12px 0 48px}.icp-edit-palette a{color:var(--color1);white-space:nowrap;font-weight:600}a.pg-button{text-decoration:none}.section-pages :not(pre)>code{background-color:var(--color3);overflow-wrap:anywhere;border-radius:6px;padding:1px 4px;font-size:.9em}