.sub-heading{text-align:center;font-family:inherit}.colors{--spacing: .75rem;justify-content:space-around;padding:var(--spacing) 3vw;gap:var(--spacing);position:relative;display:grid;grid-template-columns:repeat(auto-fit,7.5rem)}.colors__item{width:7.5rem;height:7.5rem;position:relative;cursor:zoom-in}.colors__item>svg{--size: 1.5rem;position:absolute;top:.25rem;right:.25rem;width:var(--size);height:var(--size);z-index:1;fill:var(--Background-Primary)}.colors__item .radio{position:absolute;inset:0;opacity:0;z-index:1}.colors__item img,.colors__item figure{height:7.5rem;width:100%}.colors__item img{height:100%;object-fit:cover;cursor:zoom-in}.colors__item figure{position:relative;margin:auto;height:100%}.colors__item figure figcaption{color:#333;font-weight:700;font-size:1.125rem;font-family:inherit;background-color:#f0f8ffbf;text-align:center;position:absolute;inset:auto 0 0;-webkit-user-select:none;user-select:none}.colors__dialogs{position:fixed;z-index:6;top:0;left:0}.colors__dialogs:empty{display:none}.colors__dialogs:not(:empty){width:100%;height:100%;background-color:var(--Overlay-50)}.colors__dialogs svg.show,.colors__dialogs figure.show{opacity:1}.colors__dialogs svg{--size: 1.5rem;position:absolute;top:5rem;right:3rem;width:var(--size);height:var(--size);z-index:1;fill:var(--Background-Primary);opacity:0;transition:opacity .25s;transform:scale(2)}@media screen and not (width > 768px){.colors__dialogs svg{transform:scale(1.5);top:4rem;right:2rem}}@media screen and (hover: hover) and (pointer: fine){.colors__dialogs svg{display:none}}.colors__dialogs svg path:last-child{clip-path:inset(.26rem 0)}.colors__dialogs figure{position:absolute;width:100%;height:94%;margin:auto;padding:3rem 1rem;opacity:0;transition:opacity .25s;cursor:zoom-out;overflow:hidden}.colors__dialogs img{width:100%;height:100%;object-fit:cover}.colors__dialogs figcaption{color:#333;font-weight:700;font-size:1.125rem;font-family:inherit;background-color:#f0f8ffbf;text-align:center;-webkit-user-select:none;user-select:none;position:relative;bottom:1rem;left:0;right:0}