.container[data-astro-cid-5iazjuts]{display:flex;flex-direction:column}.row[data-astro-cid-5iazjuts]{display:flex;flex-direction:row;align-items:stretch;gap:27px;margin-bottom:36px}@media (max-width: 1120px){.row[data-astro-cid-5iazjuts]{flex-direction:column;gap:36px}}.row[data-astro-cid-5iazjuts] .card[data-astro-cid-5iazjuts]{margin-bottom:0}.heading[data-astro-cid-5iazjuts]{margin:0 0 20px}.inputSection[data-astro-cid-5iazjuts]{width:100%}@media (min-width: 768px){.inputSection[data-astro-cid-5iazjuts]{flex:2}}.inputSection__field[data-astro-cid-5iazjuts]{margin-bottom:27px}.inputSection__label[data-astro-cid-5iazjuts]{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;margin-bottom:9px}.inputSection__hexWrap[data-astro-cid-5iazjuts]{display:flex;height:40px;overflow:hidden}.inputSection__hexWrap--prefix[data-astro-cid-5iazjuts]{display:flex;align-items:center;padding:9px 13.5px;background:var(--lightGray2);user-select:none;font-size:16px;border:1px solid var(--lightGray3);border-right:none;border-radius:4px 0 0 4px}.inputSection__hexWrap--input[data-astro-cid-5iazjuts]{width:100%;border-radius:0 4px 4px 0}.inputSection__sliderRow[data-astro-cid-5iazjuts]{display:flex;align-items:center;margin-bottom:15px;gap:.75rem}.inputSection__sliderRow--label[data-astro-cid-5iazjuts]{width:100px;flex-shrink:0;font-size:14px;font-weight:500}.inputSection__inputNum[data-astro-cid-5iazjuts]{width:70px;height:40px;padding:12px 10px;box-shadow:0 1px 2px #0000000d}.rgb[data-astro-cid-5iazjuts]{background:#f9fafb;padding:18px;border-radius:9px}.rgb__title[data-astro-cid-5iazjuts]{font-size:1.125rem;font-weight:500;color:#374151;margin:0 0 .5rem}.rgb__boxes[data-astro-cid-5iazjuts]{display:flex;gap:9px}.rgb__item[data-astro-cid-5iazjuts]{flex:1;padding:9px;border-radius:4.5px;text-align:center}.rgb__item--red[data-astro-cid-5iazjuts]{background:#fee2e2}.rgb__item--green[data-astro-cid-5iazjuts]{background:#d1fae5}.rgb__item--blue[data-astro-cid-5iazjuts]{background:#dbeafe}.rgb__letter[data-astro-cid-5iazjuts]{display:block;font-weight:700}.rgb__item--red[data-astro-cid-5iazjuts] .rgb__letter[data-astro-cid-5iazjuts]{color:#b91c1c}.rgb__item--green[data-astro-cid-5iazjuts] .rgb__letter[data-astro-cid-5iazjuts]{color:#15803d}.rgb__item--blue[data-astro-cid-5iazjuts] .rgb__letter[data-astro-cid-5iazjuts]{color:#1d4ed8}.rgb__num[data-astro-cid-5iazjuts]{color:#1f2937}.colorPreview[data-astro-cid-5iazjuts]{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.colorPreview[data-astro-cid-5iazjuts]{flex:1}}.colorPreview__circleWrap[data-astro-cid-5iazjuts]{display:flex;justify-content:center;margin-bottom:27px}.colorPreview__circle[data-astro-cid-5iazjuts]{width:150px;height:150px;border-radius:50%;border:3px solid var(--lightGray);box-shadow:0 0 15px #0003;background-color:#9ca3af}.colorPreview__hexLabel[data-astro-cid-5iazjuts]{color:#374151;font-weight:500;margin-bottom:28px}.colorPreview__hexVal[data-astro-cid-5iazjuts]{font-family:monospace}.colorPreview__copyBtn[data-astro-cid-5iazjuts]{display:flex;align-items:center;gap:9px;margin-top:9px;padding:4.5px 13.5px;background:#e0e7ff;color:#4338ca;transition:all .2s ease}.colorPreview__copyBtn[data-astro-cid-5iazjuts]:hover{background:#c7d2fe;transform:translateY(-2px)}.colorPreview__copyBtn[data-astro-cid-5iazjuts]:active{transform:translateY(0)}.hsv__bands[data-astro-cid-5iazjuts]{display:flex;flex-direction:column;gap:18px;margin-bottom:18px}@media (min-width: 768px){.hsv__bands[data-astro-cid-5iazjuts]{flex-direction:row}}.hsv__band[data-astro-cid-5iazjuts]{flex:1;padding:18px;border-radius:8px}.hsv__band--hue[data-astro-cid-5iazjuts]{background:linear-gradient(to right,#ef4444,#3b82f6,#8b5cf6)}.hsv__band--sat[data-astro-cid-5iazjuts]{background:linear-gradient(to right,#9ca3af,#4f46e5)}.hsv__band--val[data-astro-cid-5iazjuts]{background:linear-gradient(to right,#000,#fff)}.hsv__bandTitle[data-astro-cid-5iazjuts]{margin-bottom:20px}.hsv__bandVal[data-astro-cid-5iazjuts]{font-size:22.5px;font-weight:700;color:#fff;margin-bottom:36px}.hsv__bandVal--dark[data-astro-cid-5iazjuts]{color:#1f2937}.hsv__bandDesc[data-astro-cid-5iazjuts]{font-size:15.75px;color:#fffc;margin-bottom:25.2px}.hsv__bandDesc--dark[data-astro-cid-5iazjuts]{color:#000c}.hsv__notations[data-astro-cid-5iazjuts]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.hsv__notationGroup[data-astro-cid-5iazjuts]{display:flex;flex-direction:column}.hsv__notationLabel[data-astro-cid-5iazjuts]{margin-bottom:28.8px}.hsv__notationRow[data-astro-cid-5iazjuts]{display:flex;align-items:center;gap:9px}.hsv__code[data-astro-cid-5iazjuts]{background:var(--lightGray2);padding:9px;border-radius:4.5px;font-family:monospace}.hsv__copyIcon[data-astro-cid-5iazjuts]{padding:9px;color:#4338ca;background:none;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.hsv__copyIcon[data-astro-cid-5iazjuts]:hover{background:#e0e7ff;transform:translateY(-2px)}.hsv__copyIcon[data-astro-cid-5iazjuts]:active{transform:translateY(0)}.hsv__copyIcon[data-astro-cid-5iazjuts] i[data-astro-cid-5iazjuts]{font-size:18px}