.styles-module-scss-module__vZmJWa__container{aspect-ratio:3/2;background:linear-gradient(to bottom,var(--gray-2a),transparent);width:100%;position:relative;overflow:hidden}.styles-module-scss-module__vZmJWa__container:before{background:linear-gradient(to top,var(--gray-1)0%,transparent 10%);content:"";pointer-events:none;z-index:var(--layer-2);position:absolute;inset:0}.styles-module-scss-module__vZmJWa__page{aspect-ratio:3/2;padding:var(--spacing-8);margin:0 auto;position:relative}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__page{padding:var(--spacing-11)}}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__pageContainer{transform:translateX(var(--spacing-8));width:110%}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__pageContainer{transform:translateX(var(--spacing-11));width:105%}}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__pageContainer .styles-module-scss-module__vZmJWa__pageWrapper{background-color:var(--gray-1);border:1px solid var(--gray-3a);border-radius:var(--radius-2);box-shadow:0 0 40px 4px var(--gray-1a);flex-direction:column;gap:32px;padding:48px 40px;display:flex;position:relative;overflow:hidden}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__header{flex-direction:column;gap:8px;display:flex}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__header .styles-module-scss-module__vZmJWa__title{font-size:30px;font-weight:600;display:block}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__header .styles-module-scss-module__vZmJWa__subtitle{max-width:60%;font-size:9px;line-height:1.05em}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__items{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.styles-module-scss-module__vZmJWa__page .styles-module-scss-module__vZmJWa__items .styles-module-scss-module__vZmJWa__item{overflow:hidden}.styles-module-scss-module__vZmJWa__controls{transform:translateX(var(--spacing-7))translateY(-110%);z-index:var(--layer-1);position:absolute;top:50%;left:0}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls{transform:translateX(var(--spacing-11))translateY(-80%)}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__controlsContainer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2);box-shadow:var(--shadow-5);background-color:#0009;flex-direction:column;gap:4px;display:flex}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__controlsContainer{gap:8px}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__grid{gap:10px}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors{border-top:1px solid var(--gray-3a);flex-direction:column;gap:6px;padding:8px;display:flex}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors{gap:12px;padding:12px}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors .styles-module-scss-module__vZmJWa__color{cursor:pointer;border-style:solid;border-width:1px;border-radius:5px;width:18px;height:18px;transition:transform .3s;position:relative}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors .styles-module-scss-module__vZmJWa__color{width:24px;height:24px}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors .styles-module-scss-module__vZmJWa__color:hover{transform:scale(1.1)}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors .styles-module-scss-module__vZmJWa__color.styles-module-scss-module__vZmJWa__selected .styles-module-scss-module__vZmJWa__colorInner{transform:scale(.8)}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__colors .styles-module-scss-module__vZmJWa__color .styles-module-scss-module__vZmJWa__colorInner{border-radius:4px;width:100%;height:100%;transition:transform .3s;position:absolute;transform:scale(1.1)}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts{flex-direction:column;gap:6px;padding:8px;display:flex}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts{gap:12px;padding:12px}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout{border:1px solid var(--gray-12);border-radius:var(--radius-2);cursor:pointer;transition:transform .3s}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout:hover{transform:scale(1.1)}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout.styles-module-scss-module__vZmJWa__selected .styles-module-scss-module__vZmJWa__layoutInner{transform:scale(.8)}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout .styles-module-scss-module__vZmJWa__layoutInner{background-color:var(--gray-12);border-radius:var(--radius-1);width:18px;height:18px;transition:transform .3s;position:relative;overflow:hidden}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout .styles-module-scss-module__vZmJWa__layoutInner{width:24px;height:24px}}.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout .styles-module-scss-module__vZmJWa__layoutSymbol{border:1px solid var(--gray-1);width:20px;height:20px;position:absolute;top:35%;left:35%}@media (min-width:1024px){.styles-module-scss-module__vZmJWa__controls .styles-module-scss-module__vZmJWa__layouts .styles-module-scss-module__vZmJWa__layout .styles-module-scss-module__vZmJWa__layoutSymbol{width:28px;height:28px}}
/*# sourceMappingURL=f02f5e3e8dae007c.css.map*/