.character-card-border{position:relative}.character-card-border:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(156.52deg,#ffffffb3 2.12%,#fff0 39% 54.33%,#fff6 93.02%);border-radius:8px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.character-card-border.is-hovered:before{opacity:1}.character-card-chat-icon,.character-card-delete-icon{background:0 0;border:0;margin:-12px;padding:12px;transition:transform .2s}.character-card-chat-icon:hover,.character-card-delete-icon:hover{transform:scale(.9)}.character-grid-item-wrapper{will-change:transform}.character-card-removal-overlay{z-index:30;pointer-events:none;transform-origin:50%;will-change:opacity, filter, transform;animation:.42s cubic-bezier(.22,1,.36,1) forwards character-card-remove;position:fixed}@keyframes character-card-remove{0%{opacity:1;filter:blur();transform:scale(1)}70%{opacity:.35;filter:blur(8px);transform:scale(.96)}to{opacity:0;filter:blur(14px);transform:scale(.92)}}.discover-empty-transition{width:100%;display:grid}.discover-empty-transition-grid,.discover-empty-transition-placeholder{grid-area:1/1}.discover-empty-transition-grid{pointer-events:none;animation:.4s cubic-bezier(.45,0,.55,1) forwards character-grid-diffuse-out}.discover-empty-transition-placeholder{animation:.4s cubic-bezier(.45,0,.55,1) forwards character-grid-diffuse-in}@keyframes character-grid-diffuse-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(10px)}}@keyframes character-grid-diffuse-in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}@media (hover:hover){.character-card-cover{will-change:transform}}
.quickie-card{background:#1d1d1d;position:relative}.quickie-media-placeholder{background:linear-gradient(145deg,#ffffff09,#0000 48%),#1d1d1d}.quickie-card:after{content:"";pointer-events:none;z-index:6;opacity:0;box-sizing:border-box;mix-blend-mode:screen;background:linear-gradient(#0f0f0f,#0f0f0f) padding-box padding-box,linear-gradient(156.52deg,#ffffffb8 2.12%,#ffffff0a 39% 54.33%,#ffffff6b 93.02%) border-box;border:2px solid #0000;transition:opacity .2s;position:absolute;inset:0}.quickie-card:hover:after,.quickie-card.quickie-card-active:after{opacity:1}.quickie-card .quickie-button{color:#fff;text-align:center;cursor:pointer;isolation:isolate;background:#1d1d1db3;border:none;border-radius:46px;justify-content:center;align-items:center;min-width:80px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .3s;display:inline-flex;position:relative}.quickie-card .quickie-button:hover{cursor:pointer;background:#333c}.quickie-card .quickie-button:before{content:"";-webkit-mask-composite:xor;z-index:-1;pointer-events:none;background:linear-gradient(156.52deg,#fff6 2.12%,#fff0 39% 54.33%,#ffffff1a 93.02%);border-radius:46px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.quickie-image{will-change:transform, opacity}}
.style-card{cursor:pointer;flex-direction:column;flex:none;gap:4px;display:flex;position:relative}.style-card.style-card-non-interactive{cursor:default}.style-card-image-wrapper{border-radius:12px 12px 0 0;flex:none;width:98px;height:93px;position:relative;overflow:hidden}.style-card-image{object-fit:cover;transform-origin:50%;will-change:opacity, filter, transform;width:100%;height:100%;transition:opacity 1s,filter 1s,transform .3s;display:block;position:absolute;inset:0;transform:scale(1)}.style-card-image-regular{opacity:1;z-index:1;filter:blur()}.style-card-image-nsfw{opacity:0;z-index:2;filter:blur(8px)}.style-card:hover .style-card-image-regular{opacity:0;filter:blur(8px)}.style-card:hover .style-card-image-nsfw{opacity:1;filter:blur()}.style-card.is-selected .style-card-image-regular{opacity:0;filter:blur(8px)}.style-card.is-selected .style-card-image-nsfw{opacity:1;filter:blur()}.style-card.no-nsfw:hover .style-card-image-regular,.style-card.no-nsfw.is-selected .style-card-image-regular{opacity:1;filter:blur();transform:scale(1.06)}.style-card.no-nsfw .style-card-image-nsfw{opacity:0!important}.style-card.no-nsfw .style-card-image-regular{transition:opacity .3s,filter .3s,transform .3s}.style-card-label{background:#1d1d1d;border-radius:0 0 12px 12px;flex:none;justify-content:center;align-items:center;width:98px;min-height:35px;padding:8px 10px;transition:background .3s;display:flex;position:relative}.style-card.is-selected .style-card-label{background:radial-gradient(40.91% 81.24% at 52.6% 93.75%,#9b7bef 0%,#5534d7 100%)}.style-card:not(.is-selected):hover .style-card-label{background:#333}.style-card-label-text{text-align:center;color:#fff;z-index:2;font-size:14px;font-weight:500;line-height:160%;position:relative}.style-card.is-selected .style-card-label-text{font-weight:700}.style-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(156.52deg,#ffffffb3 2.12%,#fff0 39% 54.33%,#fff6 93.02%);border-radius:12px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.style-card:hover:before,.style-card.is-selected:before{opacity:1}.style-card.style-card-no-border:before{display:none}@media (max-width:768px){.style-card{width:153px}.style-card-image-wrapper{width:153px;height:145px}.style-card-label{width:153px;min-height:48px}}
