.button-group[data-v-2867dea2]{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px}@media (min-width:36em){.button-group[data-v-2867dea2]{flex-direction:row;padding-block:0;padding-inline:0}}.color-button[data-v-2867dea2]{aspect-ratio:1/1;background-color:oklch(var(--background-color-l) var(--background-color-c) var(--background-color-h));overflow:hidden;padding:0;position:relative;transform:scale(1);transform-origin:100% 100%;transition:background-color .4s ease-in,transform .4s ease-in;width:80px;will-change:transform}@media (min-width:48em){.color-button[data-v-2867dea2]{width:64px}}.color-button[data-v-2867dea2]:not(.is-selected){cursor:pointer}.color-button[data-v-2867dea2]:not(.is-selected):active,.color-button[data-v-2867dea2]:not(.is-selected):hover{background-color:oklch(calc(var(--background-color-l)*1.2) calc(var(--background-color-c)*1.5) var(--background-color-h));transform:scale(1.06);transition:background-color .3s ease-out,transform .3s ease-out}.color-button .inner-border[data-v-2867dea2],.color-button .outer-border[data-v-2867dea2]{height:100%;left:0;position:absolute;top:0;transform:scale(1.2);transform-origin:50% 50%;transition:transform .6s ease-out;width:100%}.color-button .inner-border[data-v-2867dea2],.color-button .outer-border[data-v-2867dea2]{border:var(--border-width) solid transparent}.color-button.is-selected[data-v-2867dea2]{transform:scale(1);transition:background-color .15s ease-in,transform .15s ease-in}.color-button.is-selected .inner-border[data-v-2867dea2],.color-button.is-selected .outer-border[data-v-2867dea2]{transform:scale(1)}.color-button.is-selected .outer-border[data-v-2867dea2]{border-color:#fff}.color-button.is-selected .inner-border[data-v-2867dea2]{border-color:#000}.is-selected[data-v-2867dea2]{--border-width:4px}.is-selected .inner-border[data-v-2867dea2],.is-selected .outer-border[data-v-2867dea2]{height:100%;width:100%}.is-selected .outer-border[data-v-2867dea2]{border:var(--border-width) solid #fff}.is-selected .inner-border[data-v-2867dea2]{border:var(--border-width) solid #000}.home-wrapper[data-v-31b77e09]{--color-box-height:4px;align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end}.title-color-switcher-wrapper[data-v-31b77e09]{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media (min-width:48em){.title-color-switcher-wrapper[data-v-31b77e09]{align-items:flex-start}}.color-switcher-wrapper[data-v-31b77e09]{padding-block:calc(var(--spacing-09)/2);padding-inline:var(--spacing-09)}@media (min-width:48em){.color-switcher-wrapper[data-v-31b77e09]{padding-block-end:var(--color-box-height);padding-inline:calc(var(--color-box-height)*2) var(--color-box-height)}}.title-wrapper[data-v-31b77e09]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:oklch(var(--color-bg-black-value)/70%);padding:var(--spacing-1);width:100%}@media (min-width:48em){.title-wrapper[data-v-31b77e09]{width:-moz-fit-content;width:fit-content}}@keyframes moveBackground-31b77e09{0%{background-position:0}to{background-position:200%}}.color-box[data-v-31b77e09]{animation:moveBackground-31b77e09 30s linear infinite;background:linear-gradient(to left,oklch(calc(var(--color-primary-l)*.5) calc(var(--color-primary-c)*.7) var(--color-primary-h)/80%),oklch(var(--color-primary-l) calc(var(--color-primary-c)*1.5) var(--color-primary-h)/80%),oklch(calc(var(--color-primary-l)*.5) calc(var(--color-primary-c)*.7) var(--color-primary-h)/80%));background-size:200% 100%;border-color:oklch(var(--color-primary-value));height:var(--color-box-height);width:100%}.title[data-v-31b77e09]{font-family:var(--font-mono);font-size:var(--t-h2);text-transform:lowercase}