.gy-free-avatar-main{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.gy-free-avatar-view{flex:none;display:flex;align-items:flex-start;gap:.5rem}.gy-free-avatar-stage{width:min(18rem,60vw);aspect-ratio:2 / 3;border-radius:.5rem;overflow:hidden;border:1px solid var(--fallback-b3,oklch(var(--b3)/1));position:relative}.gy-free-avatar-icon{width:min(18rem,60vw);aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:1px solid var(--fallback-b3,oklch(var(--b3)/1));background-color:var(--gy-card)}.gy-free-avatar-icon.is-clear{background:repeating-conic-gradient(#e5e5e5 0% 25%,#fff 0% 50%) 50% / 16px 16px!important}.gy-free-avatar-icon.is-wide{width:min(28rem,75vw)}.gy-free-avatar-view.is-zoomed .gy-free-avatar-crop{color:#fff}.gy-free-avatar-view.is-zoomed .gy-free-avatar-crop .text-secondary-gy{color:#fffc}.gy-free-avatar-view.is-zoomed .gy-free-avatar-icon{width:min(calc(100vw - 14rem),calc((100vh - 7rem) * var(--ratio, 1)),var(--out-w, 512px))}@media(max-aspect-ratio:1 / 1){.gy-free-avatar-view.is-zoomed .gy-free-avatar-icon{width:min(calc(100vw - 2rem),calc((100vh - 16rem) * var(--ratio, 1)),var(--out-w, 512px))}}.gy-free-avatar-terms.gy-card-stitched:before{background-color:var(--fallback-p,oklch(var(--p)/1))}.gy-free-avatar-icon{position:relative}.gy-free-avatar-safe{position:absolute;border:2px dashed rgba(255,255,255,.9);outline:1px dashed rgba(0,0,0,.5);pointer-events:none}.gy-free-avatar-icon canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.gy-free-avatar-icon canvas:active{cursor:grabbing}.gy-free-avatar-crop{width:-moz-min-content;width:min-content;display:flex;flex-direction:column;gap:.5rem}.gy-free-avatar-zoomrange{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.gy-free-avatars .gy-tabset>.gy-tabs>.gy-tab[data-active]{background:var(--gy-card)}.gy-free-avatars .gy-tabset>.gy-tabs>.gy-tab:not([data-active]){background:var(--fallback-b2,oklch(var(--b2)/1))}.gy-free-avatars .gy-tabset>[data-tab-panel]>.gy-card{border-top-left-radius:0;border-top-right-radius:0}.gy-free-avatar-zoom{position:absolute;top:.375rem;right:.375rem;z-index:1}.gy-free-avatars .gy-slider-nav{z-index:1}.gy-free-avatar-zoom .material-icons{font-size:.875rem;line-height:1}.gy-free-avatar-view.is-zoomed{position:fixed;inset:0;z-index:1000;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;align-items:center;justify-content:center;gap:.75rem;padding:1rem;overflow:hidden;background-color:#0009;color:inherit}.gy-free-avatar-view.is-zoomed .gy-free-avatar-stage{width:auto;height:min(calc(100vh - 2rem),calc((100vw - 12rem)*1.5));background-color:var(--gy-card)}@media(max-aspect-ratio:1 / 1){.gy-free-avatar-view.is-zoomed{flex-direction:column}.gy-free-avatar-view.is-zoomed .gy-free-avatar-controls,.gy-free-avatar-view.is-zoomed .gy-free-avatar-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.gy-free-avatar-view.is-zoomed .gy-free-avatar-stage{height:min(calc(100vh - 6rem),calc((100vw - 2rem)*1.5))}}.gy-free-avatar-dialog{position:fixed;width:min(92vw,32rem)}.gy-free-avatar-dialog::backdrop{background:#0000008c}.gy-free-avatar-stage iframe{display:block;width:100%;height:100%;border:0;color-scheme:normal}.gy-free-avatar-controls,.gy-free-avatar-buttons{display:flex;flex-direction:column;gap:.25rem}.gy-free-avatar-controls .btn{white-space:nowrap}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-controls:has(.gy-free-avatar-buttons){width:6.5rem}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-buttons .btn{white-space:normal;height:auto;min-height:1.5rem}@media(max-width:639px){.gy-free-avatar-view:not(.is-zoomed){flex:1 1 100%;flex-direction:column;align-items:stretch}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-stage,.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-icon{width:min(18rem,100%);margin-inline:auto}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-icon.is-wide{width:100%}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-crop{width:100%}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-controls,.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-controls:has(.gy-free-avatar-buttons){width:auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.gy-free-avatar-view:not(.is-zoomed) .gy-free-avatar-buttons{display:contents}}.gy-free-avatar-controls .btn[aria-pressed=true]{background-color:var(--fallback-p,oklch(var(--p)/1));border-color:var(--fallback-p,oklch(var(--p)/1));color:var(--fallback-pc,oklch(var(--pc)/1))}.gy-free-avatar-bg{position:relative;gap:.25rem}.gy-free-avatar-bg:has(input:focus-visible){outline:2px solid var(--fallback-p,oklch(var(--p)/1));outline-offset:2px}.gy-free-avatar-swatch{width:.75rem;height:.75rem;border-radius:9999px;border:1px solid var(--fallback-b3,oklch(var(--b3)/1));background-color:var(--gy-card)}.gy-free-avatar-info{flex:1 1 18rem;min-width:0}.gy-free-avatar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;list-style:none;padding:0;margin:0}.gy-free-avatar-list>li{display:flex}.gy-free-avatar-pick{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;height:100%;text-align:center;padding:.375rem;border:2px solid var(--fallback-b3,oklch(var(--b3)/1));border-radius:.75rem;background-color:var(--gy-card);font-size:.8125rem;cursor:pointer}.gy-free-avatar-pick img{width:100%;height:auto;aspect-ratio:1;border-radius:.5rem}.gy-free-avatar-pick:hover{border-color:var(--fallback-p,oklch(var(--p)/1))}.gy-free-avatar-soon,.gy-free-avatar-soon:hover{border-style:dashed;border-color:var(--fallback-b3,oklch(var(--b3)/1));color:var(--fallback-bc,oklch(var(--bc)/1));cursor:default}.gy-free-avatar-soon-face{display:block;width:100%;aspect-ratio:1;border-radius:.5rem;background-color:color-mix(in srgb,var(--fallback-b3,oklch(var(--b3)/1)) 40%,transparent);background-image:url(/images/icons/stitch-wip.svg);background-size:75% auto;background-repeat:no-repeat;background-position:left 8% bottom 10%}.gy-free-avatar-pick[aria-pressed=true]{border-color:var(--fallback-p,oklch(var(--p)/1));background-color:color-mix(in srgb,var(--fallback-p,oklch(var(--p)/1)) 12%,var(--gy-card))}