.style-selector[data-v-27b747fe]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#0d1116;position:relative;overflow:hidden}.style-list[data-v-27b747fe]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;will-change:transform;contain:layout}[data-v-27b747fe] .style-list::-webkit-scrollbar{display:none;width:0;height:0}.style-item[data-v-27b747fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;padding:8px;border-radius:8px;will-change:background-color,border-color;border:1px solid transparent}.style-item[data-v-27b747fe]:hover{background:hsla(0,0%,100%,.05);border:1px solid #72e528}.style-item.active[data-v-27b747fe]{background:rgba(114,229,40,.1);border:1px solid #72e528}.style-item .style-image[data-v-27b747fe]{width:48px;height:48px;border-radius:6px;overflow:hidden;margin-bottom:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;will-change:transform,box-shadow}.style-item .style-image[data-v-27b747fe]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3)}.style-item .style-image img[data-v-27b747fe]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease;will-change:filter}:not(.active) .style-item .style-image img[data-v-27b747fe]{-webkit-filter:brightness(.9) contrast(.95);filter:brightness(.9) contrast(.95)}.style-item .style-name[data-v-27b747fe]{font-size:12px;color:#fff;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-tooltip[data-v-27b747fe]{position:absolute;background:rgba(0,0,0,.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;pointer-events:none;-webkit-animation:fadeIn-data-v-27b747fe .2s ease;animation:fadeIn-data-v-27b747fe .2s ease}.style-tooltip[data-v-27b747fe]:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.8) transparent}@-webkit-keyframes fadeIn-data-v-27b747fe{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(5px);transform:translateX(-50%) translateY(5px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes fadeIn-data-v-27b747fe{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(5px);transform:translateX(-50%) translateY(5px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}