@charset "utf-8";

.ai-theme-aspect-ratio-box { width: 100%; padding-top: 66.66%; position: relative; cursor: pointer; background-color: white; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px; }

.ai-theme-aspect-ratio-box:hover .theme-list-overlay { display: flex; }

.ai-theme-aspect-ratio-box .theme-list { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

.ai-theme-aspect-ratio-box .theme-list.active::before { border-radius: 3px; border: 5px solid rgb(118, 113, 255); box-sizing: border-box; position: absolute; inset: -5px 0px; z-index: 2; content: ""; }

.ai-theme-aspect-ratio-box .theme-list-overlay { border-radius: 3px; border: 5px solid rgb(118, 113, 255); box-sizing: border-box; position: absolute; inset: -5px 0px; z-index: 2; background: rgba(0, 0, 0, 0.16); justify-content: center; align-items: center; display: none; }