.colour-charts__inner{grid-column:2;min-width:0}.colour-charts h2{margin:0 0 12px}.colour-charts__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 32px}.colour-charts__links a{padding:16px;border:1px solid #d9dce5;border-radius:5px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.colour-charts__links a:hover{border-color:currentColor;background:#f6f7fa}.colour-charts__links strong{font-size:14px}.colour-charts__links span{font-size:12px;text-decoration:underline;text-underline-offset:3px}jotun-colour-chart{display:block;scroll-margin-top:160px}.colour-charts__toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px}.colour-charts__toolbar label{display:grid;gap:8px;font-size:14px}.colour-charts__toolbar input,.colour-charts__toolbar select{width:100%;min-width:0;border:1px solid #aeb4c5;border-radius:4px;background:#fff;color:#232f63;padding:12px;font:inherit;font-size:16px}.colour-charts__status,.colour-charts__note{font-size:13px}.colour-charts__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:16px 0 24px}.colour-charts__tile{padding:0;border:1px solid #e2e4eb;border-radius:4px;overflow:hidden;background:#fff;color:#232f63;text-align:left;cursor:pointer;font:inherit}.colour-charts__tile:hover{border-color:#232f63}.colour-charts__tile>span:first-child{display:block;aspect-ratio:1.6;background:var(--swatch)}.colour-charts__tile>span:last-child{display:grid;gap:2px;padding:10px;font-size:13px}.colour-charts__tile small{font-size:12px}.colour-charts__note{max-width:850px;margin:24px 0 36px}.colour-charts .colour-charts__physical{margin:40px 0 24px}.colour-charts__dialog{padding:0;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:6px;color:#232f63;background:#fff}.colour-charts__dialog::backdrop{background:#0008}.colour-charts__preview{height:190px}.colour-charts__detail{padding:24px}.colour-charts__detail .h3{margin:0 0 20px}.colour-charts__close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#232f63;font-size:28px;cursor:pointer}.colour-charts :focus-visible,.colour-charts__links a:focus-visible{outline:2px solid #232f63;outline-offset:4px}@media(max-width:989px){.colour-charts__links{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-charts__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:599px){.colour-charts__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.colour-charts__links--featured a:first-child{grid-column:1 / -1;flex-direction:row;align-items:center}.colour-charts__toolbar{grid-template-columns:1fr}.colour-charts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/colour-charts.css.map */