.palette-container{border-radius:4px;flex-direction:row;width:100%;height:100%;min-height:50vh;display:flex;position:relative;overflow:hidden}.palette-stripe{cursor:pointer;will-change:flex-grow;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.palette-info{opacity:0;text-align:center;pointer-events:none;flex-direction:column;gap:.25rem;display:flex;transform:translateY(20px)}.palette-hex{text-transform:uppercase;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.palette-name{opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.text-light{color:#fff}.text-dark{color:#010101}@media (max-width:768px){.palette-container{flex-direction:column;min-height:80vh}.palette-stripe{justify-content:center;padding:1rem}}