.grid-settings-container[data-v-7ce56fe5]{width:100%}.pattern-btn[data-v-7ce56fe5]{gap:.25rem;border-radius:.75rem;border-width:2px;padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.pattern-btn[data-v-7ce56fe5]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.pattern-btn[data-v-7ce56fe5]:active,.pattern-btn[data-v-7ce56fe5]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pattern-btn[data-v-7ce56fe5]:active{--tw-scale-x:.95;--tw-scale-y:.95}.pattern-btn-active[data-v-7ce56fe5]{--tw-border-opacity:1;border-color:rgb(161 0 252/var(--tw-border-opacity,1));background-color:#a100fc1a;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pattern-btn-inactive[data-v-7ce56fe5]{--tw-border-opacity:1;border-color:rgb(var(--base-300)/var(--tw-border-opacity,1))}.pattern-btn-inactive[data-v-7ce56fe5]:hover{border-color:#a100fc80;background-color:rgb(var(--base-200)/.5)}.pattern-preview[data-v-7ce56fe5]{height:3.5rem;width:100%;border-width:1px;border-color:rgb(var(--base-300)/.5)}.pattern-label[data-v-7ce56fe5]{font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.5;--tw-text-opacity:1;color:rgb(var(--base-content)/var(--tw-text-opacity,1))}.size-btn[data-v-7ce56fe5]{display:flex;flex-direction:row;align-items:center;gap:.5rem;border-radius:.75rem;border-width:2px;padding:.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.size-btn[data-v-7ce56fe5]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.size-btn[data-v-7ce56fe5]:active,.size-btn[data-v-7ce56fe5]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.size-btn[data-v-7ce56fe5]:active{--tw-scale-x:.95;--tw-scale-y:.95}.size-btn-active[data-v-7ce56fe5]{--tw-border-opacity:1;border-color:rgb(0 240 139/var(--tw-border-opacity,1));background-color:#00f08b1a;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-btn-inactive[data-v-7ce56fe5]{--tw-border-opacity:1;border-color:rgb(var(--base-300)/var(--tw-border-opacity,1))}.size-btn-inactive[data-v-7ce56fe5]:hover{border-color:#00f08b80;background-color:rgb(var(--base-200)/.5)}.size-preview[data-v-7ce56fe5]{height:4rem;width:100%;overflow:hidden;border-radius:.25rem;border-width:1px;border-color:rgb(var(--base-300)/.5);--tw-bg-opacity:1;background-color:rgb(var(--base-200)/var(--tw-bg-opacity,1))}.size-label[data-v-7ce56fe5]{font-weight:600;--tw-text-opacity:1;color:rgb(var(--base-content)/var(--tw-text-opacity,1))}.size-label[data-v-7ce56fe5],.size-value[data-v-7ce56fe5]{font-size:.75rem;line-height:1rem}.size-value[data-v-7ce56fe5]{color:rgb(var(--base-content)/.6)}.preview-container[data-v-7ce56fe5]{position:relative;height:8rem}.pattern-btn:hover .pattern-preview[data-v-7ce56fe5],.size-btn:hover .size-preview[data-v-7ce56fe5]{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pattern-btn[data-v-7ce56fe5]:focus-visible,.size-btn[data-v-7ce56fe5]:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#a100fc}@media(max-width:640px){.pattern-btn[data-v-7ce56fe5],.size-btn[data-v-7ce56fe5]{padding:.75rem}.pattern-preview[data-v-7ce56fe5],.size-preview[data-v-7ce56fe5]{height:2.5rem}.preview-container[data-v-7ce56fe5]{height:6rem}}.dynamic-grid-background[data-v-7ce56fe5]{transition:opacity .3s ease-in-out}.range[data-v-7ce56fe5]::-webkit-slider-thumb{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.range[data-v-7ce56fe5]::-moz-range-thumb{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}