.style-selector-stack{width:100px;height:108px;position:relative;transition:border-color .2s ease;border:1px solid var(--mantine-color-background-4);border-radius:var(--mantine-radius-md);background:var(--mantine-color-background-6);cursor:pointer}.style-selector-stack:hover{border-color:var(--mantine-color-background-3)}.style-selector-stack.disabled{opacity:.5;cursor:default}.style-selector-stack .style-selector-inner-box{justify-items:center;width:100%;height:100%}.style-selector-stack .style-selector-inner-box,.style-selector-stack .style-selector-inner-box .style-image-placeholder{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.style-selector-stack .style-selector-inner-box .style-image-action{position:absolute;top:-20px;right:-20px;background-color:var(--mantine-color-background-6);color:#fff;border-radius:var(--mantine-radius-md);width:30px;height:30px;z-index:3}.style-selector-stack .style-selector-inner-box .style-image-action:hover{opacity:1}.style-selector-stack .style-selector-inner-box .style-image-selected{position:relative;width:100px;height:108px}.style-selector-stack .style-selector-inner-box .style-image-selected .style-image{width:100px;height:108px;object-fit:cover;border-radius:var(--mantine-radius-md);transition:transform .2s cubic-bezier(.4,0,.2,1)}.style-selector-stack .style-selector-inner-box .style-image-selected .style-image:hover{transform:scale(1.1)}.style-selector-stack .style-selector-inner-box .style-image-selected .style-image.loading{opacity:.3}.style-selector-stack .style-selector-inner-box .style-image-selected .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.style-selector-stack .style-selector-inner-box .style-image-selected .custom-style-container,.style-selector-stack .style-selector-inner-box .style-image-selected .image-container{position:relative;width:100%;height:100%}.style-selector-stack .style-selector-inner-box .style-image-selected .custom-style-container .custom-style-center{height:100%}.style-selector-stack .style-selector-inner-box .style-selector-icon{transform:scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1);color:var(--mantine-color-background-1)}.style-selector-stack .style-selector-inner-box .style-selector-icon:hover{transform:scale(1.1);color:var(--mantine-color-background-0)}.style-selector-stack .style-selector-inner-box .style-selector-text{transform:translateY(0);margin-top:var(--mantine-spacing-xs);transition:transform .2s cubic-bezier(.4,0,.2,1);color:var(--mantine-color-background-1)}.style-selector-stack .style-selector-inner-box .style-selector-text:hover{color:var(--mantine-color-background-0);transform:translateY(2px)}