.tgf-artwork-picker{display:block;margin:1.2rem 0}.tgf-artwork-picker[hidden]{display:none}.tgf-artwork-picker__label{display:block;font-size:1.3rem;font-weight:600;letter-spacing:.04rem;margin-bottom:.6rem}.tgf-artwork-picker__trigger{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:6.4rem;padding:.8rem 1.2rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, 0);cursor:pointer;text-align:left;font-family:inherit;color:rgb(var(--color-foreground))}.tgf-artwork-picker__trigger:hover{border-color:rgb(var(--color-foreground))}.tgf-artwork-picker__empty{font-size:1.5rem;font-weight:600}.tgf-artwork-picker__chosen{display:flex;align-items:center;gap:1.2rem;width:100%}.tgf-artwork-picker__thumb{width:5.6rem;height:5.6rem;object-fit:cover;flex-shrink:0;background:rgba(var(--color-foreground),.04)}.tgf-artwork-picker__chosen-text{display:flex;flex-direction:column;gap:.2rem}.tgf-artwork-picker__chosen-name{font-size:1.5rem;font-weight:600}.tgf-artwork-picker__chosen-change{font-size:1.3rem;text-decoration:underline;opacity:.75}.tgf-artwork-picker__note{margin:.8rem 0 0;font-size:1.3rem;opacity:.85}.tgf-artwork-picker__error{margin:.8rem 0 0;font-size:1.3rem;font-weight:600;color:rgba(var(--color-foreground),.9);border-left:.3rem solid rgb(var(--color-foreground));padding-left:.9rem}.tgf-artwork-picker__dialog{width:min(96vw,108rem);max-height:88vh;padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--popup-corner-radius, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.tgf-artwork-picker__dialog::backdrop{background:#0000008c}.tgf-artwork-picker__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:1.8rem 2.2rem 1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.tgf-artwork-picker__dialog-title{margin:0;font-size:1.9rem;font-weight:600}.tgf-artwork-picker__dialog-count{margin:.3rem 0 0;font-size:1.3rem;opacity:.7}.tgf-artwork-picker__close{background:none;border:none;cursor:pointer;padding:.6rem;color:inherit}.tgf-artwork-picker__close .icon{width:1.8rem;height:1.8rem}.tgf-artwork-picker__filters{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.2rem 2.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.tgf-artwork-picker__search input{width:26rem;max-width:100%;padding:.9rem 1.2rem;font-size:1.4rem;font-family:inherit;color:inherit;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, 0)}.tgf-artwork-picker__themes{display:flex;flex-wrap:wrap;gap:.6rem}.tgf-artwork-picker__chip{padding:.7rem 1.3rem;font-size:1.3rem;font-weight:600;font-family:inherit;color:inherit;background:none;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:10rem;cursor:pointer}.tgf-artwork-picker__chip[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.tgf-artwork-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.4rem;padding:1.8rem 2.2rem;overflow-y:auto;max-height:56vh}.tgf-artwork-picker__card{display:flex;flex-direction:column;gap:.7rem;padding:0;background:none;border:.1rem solid rgba(var(--color-foreground),.15);cursor:pointer;font-family:inherit;color:inherit;text-align:left}.tgf-artwork-picker__card:hover,.tgf-artwork-picker__card.is-selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.12)}.tgf-artwork-picker__card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:rgba(var(--color-foreground),.04)}.tgf-artwork-picker__card-name{font-size:1.3rem;font-weight:600;line-height:1.3;padding:0 .9rem 1rem}.tgf-artwork-picker__loading{grid-column:1 / -1;margin:0;padding:3rem 0;text-align:center;font-size:1.4rem;opacity:.7}.tgf-artwork-picker__dialog-foot{padding:1.2rem 2.2rem 1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.12);font-size:1.4rem}@media screen and (max-width:749px){.tgf-artwork-picker__grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));padding:1.4rem;max-height:60vh}.tgf-artwork-picker__dialog-head,.tgf-artwork-picker__filters{padding-inline:1.4rem}.tgf-artwork-picker__search input{width:100%}}.tgf-skin-preview{margin:1.6rem 0 0}.tgf-skin-preview[hidden]{display:none}.tgf-skin-preview__stage{position:relative;width:100%;max-width:44rem;aspect-ratio:var(--pg-w) / var(--pg-h)}.tgf-skin-preview__stages{display:flex;align-items:flex-end;gap:4%;max-width:44rem}.tgf-skin-preview.has-cover .tgf-skin-preview__stage{width:68%}.tgf-skin-preview.has-cover .tgf-skin-preview__stage--cover{width:27.7%}.tgf-skin-preview .tgf-skin-preview__art,.tgf-skin-preview .tgf-skin-preview__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.tgf-skin-preview__art{background-color:rgba(var(--color-foreground),.08);background-repeat:no-repeat;background-position:50% 50%;background-size:calc(var(--sheet-w) / var(--pg-w) * 120%) auto;-webkit-mask:var(--pg-mask) center / 100% 100% no-repeat;mask:var(--pg-mask) center / 100% 100% no-repeat}.tgf-skin-preview__overlay{background:var(--pg-overlay) center / 100% 100% no-repeat;mix-blend-mode:var(--pg-overlay-blend, normal);pointer-events:none}.tgf-skin-preview__caption{display:flex;flex-direction:column;gap:.2rem;margin-top:.8rem;font-size:1.3rem}.tgf-skin-preview__title{font-weight:600}.tgf-skin-preview__note{opacity:.75}.tgf-artwork-picker [hidden]{display:none}.tgf-artwork-picker__file{display:flex;align-items:center;gap:1.2rem;min-height:6.4rem;padding:.8rem 1.2rem;border:.1rem dashed rgba(var(--color-foreground),.4);border-radius:var(--inputs-radius, 0);cursor:pointer}.tgf-artwork-picker__file:hover{border-color:rgb(var(--color-foreground))}.tgf-artwork-picker__file input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.tgf-artwork-picker__file-button{padding:.8rem 1.4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.4rem;white-space:nowrap}.tgf-artwork-picker__file-name{font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgf-artwork-picker__file:focus-within{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.tgf-artwork-picker__warning{margin:.8rem 0 0;font-size:1.3rem;border-left:.3rem solid rgba(var(--color-foreground),.5);padding-left:.9rem}.tgf-artwork-picker__link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.tgf-artwork-picker__themes--compact{flex:0 1 28rem;min-width:0}.tgf-artwork-picker__theme-select{box-sizing:border-box;width:100%;padding:.8rem 1.2rem;font:inherit;font-size:1.4rem;color:inherit;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, 0)}@media screen and (max-width:749px){.tgf-artwork-picker__filters:has(.tgf-artwork-picker__themes--compact){flex-wrap:nowrap}.tgf-artwork-picker__filters:has(.tgf-artwork-picker__themes--compact) .tgf-artwork-picker__search{flex:1 1 50%;min-width:0}.tgf-artwork-picker__themes--compact{flex:1 1 50%}}.tgf-artwork-picker__dialog.is-positioning .tgf-artwork-picker__filters,.tgf-artwork-picker__dialog.is-positioning .tgf-artwork-picker__grid,.tgf-artwork-picker__dialog.is-positioning .tgf-artwork-picker__dialog-foot,.tgf-artwork-picker__dialog.is-positioning .tgf-artwork-picker__dialog-count{display:none}.tgf-artwork-picker__dialog.is-positioning{width:min(96vw,56rem)}.tgf-artwork-picker__position{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:0 2rem 2rem;max-height:calc(88vh - 7rem);overflow-y:auto}.tgf-artwork-picker__position-help{margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8);text-align:center}.tgf-artwork-picker__stage{width:min(100%,40rem,calc((88vh - 26rem) * 275 / 330))}.tgf-artwork-picker__stage canvas{display:block;width:100%;aspect-ratio:275 / 330;cursor:grab;touch-action:none;border:.1rem solid rgba(var(--color-foreground),.25);background:#fff}.tgf-artwork-picker__stage canvas:active{cursor:grabbing}.tgf-artwork-picker__position-limit{margin:0;font-size:1.3rem;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);padding:.4rem 1rem}.tgf-artwork-picker__position-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.tgf-artwork-picker__position-tools button{min-width:6.4rem;min-height:4.4rem;padding:0 1.2rem;font:inherit;font-size:1.5rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.35);cursor:pointer}.tgf-artwork-picker__position-tools button:hover{border-color:rgb(var(--color-foreground))}.tgf-artwork-picker__tabs{display:flex;justify-content:center;gap:.6rem}.tgf-artwork-picker__tabs button{min-height:4rem;padding:0 1.6rem;font:inherit;font-size:1.5rem;color:rgb(var(--color-foreground, 18, 18, 18));background:rgb(var(--color-background, 255, 255, 255));border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.35);border-radius:2rem;cursor:pointer}.tgf-artwork-picker__tabs button[aria-pressed=true]{color:rgb(var(--color-background, 255, 255, 255));background:rgb(var(--color-foreground, 18, 18, 18));border-color:rgb(var(--color-foreground, 18, 18, 18))}.tgf-artwork-picker__position-confirm{width:min(100%,40rem)}.tgf-artwork-picker__adjust{margin-top:.8rem;padding:0;font:inherit;font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;background:none;border:0;cursor:pointer}@media screen and (max-width:749px){.tgf-artwork-picker__dialog.is-positioning{width:100vw;max-width:100vw;max-height:100vh;height:100%}.tgf-artwork-picker__position{padding:0 1.6rem 1.6rem;max-height:calc(100vh - 7rem)}.tgf-artwork-picker__stage{width:min(100%,calc((100vh - 26rem) * 275 / 330))}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/tgf-artwork-picker.css.map */